vueCli

-S -D参数

• -S，--save 安装包信息将加入到dependencies(生产阶段的依赖）
• -D，--save--dev 安装包信息加入到devDependecies（开发阶段的依赖） 大多数时候的选择这项
• i是install的缩写

cnpm安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

vue-cli2

安装

cnpm install -g vuel-cli
确认安装成功 vue -V查看版本号

vue-cli2创建项目

vue init webpack projectName

配置内容注意项

• Install vue-router? (Y)
• Use ESlint to lint your code?(Y) ESlint是个代码风格管理工具，是用来统一代码风格的，一般项目中会使用。

vue-cli3

安装

安装前，需要卸载vue-cli2 npm uninstall vue-cli -g
如果卸载完vue -V还有版本号，则需要cnpm uninstall vue-cli -g
如果还是未删除成功，则需要 C:\Users\user\AppData\Roaming\npm目录，删除相关bin

vue-cli3项目创建

vue create hello-world

vuecli2 与 vuecli3/4 的区别

区别	vueCli2	vueCli3/4
安装卸载命令	npm install -g vue-cli npm uninstall -g vue-cli	npm install -g @vue/cli npm uninstall -g @vue/cli
项目创建命令	vue init webpack vue-cli2	vue create vue-cli4
项目目录结构	---	- build、config、static - index.html +public
项目启动命令	npm run dev	npm run serve