vue-cil搭建vue

搭建vue-cil脚手架需要node.js环境 去官网下载node.js   如果下的版本太新后面可能会出现不兼容

win系统cmd node -v查看当前版本

npm install cnpm -g或者

npm install --registry=https://registry.npm.taobao.org镜像加速

安装脚手架npm install vue-cli-g

一般vue-cli webpack内置打包工具  要了解webpack可以下载百度例子尝试

npm install webpack -g
npm install webpack-cli -g

项目创建:

vue init webpack hello-vue 可以选择路由自动安装

#进入工程目录
cd hello-vue  换行语句为练习需要　　

(提示:npm --save　和save-dev区别在于 将模块添加到配置文件中的运行依赖中(dependencies) 将模块添加到配置文件中的开发依赖(devDependencies)，在项目最后是不需要使用这些模块的

如果两者都没标注不会修改package.json)

　　　　#安装vue-routern
　　　　npm install vue-router --save-dev
　　　　#安装element-ui
　　　　npm i element-ui -S
#安装依赖
npm install
　　　　# 安装SASS加载器
　　　　cnpm install sass-loader node-sass --save-dev(node版本太高报错,node 16,cnpm install sass-loader@7.3.1 sass@1.26.5 -D 亲测正常运行)
#启功测试
npm run dev