vue-cli2创建项目流程

为什么使用vue-cli：算法结构、本地测试、代码部署、热加载、单元测试

1.下载安装node.js     

官网： https://www.nodejs.cn

下载完成后安装，记住安装的位置，因为要配置path变量

安装完成后启动命令行 输入 node -v ,查看是否可以使用此条命令，若不能就要去配置环境变量

配置环境变量，把nodejs安装的路径复制下来，此电脑右键属性，找到系统属性，找到环境变量，编辑path将路径添加进去，点击确定，就可以在任何地方使用nodejs了，重新打开cmd，输入node-v，就可以查看版本号了

npm 是node里引申的指令，输入npm -v ,查看版本号

2.dos命令

cd打开文件夹 md创建文件夹 dir查看文件夹内容 cd..返回上级文件夹 

3.npm(node package manager)是nodejs的包管理工具，用于node插件管理（安装、卸载、管理依赖等），cnpm是淘宝镜像

-g全局安装 npm root -g查看全局安装的文件夹位置

将npm下载地址永久指向cnpm: npm config set registry http://registry.npm.taobao.org

cnpm下载命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后可输入 cnpm -v查看版本号

-S ，--save将安装包的信息加入到生产阶段

-D , --save-dev将安装包的信息加入到开发环境

i 是install的缩写

4.vue-cli2环境安装

命令：npm install -gd vue-cli

安装完成后 输入vue -V可查看vue版本号

5.基于webpage模板创建的vue项目

命令：vue init webpack projectname

6.npm run dev 启动服务

7.单独安装组件

安装 npm install xxx --save-dev

卸载 npm uninstall xxx --save-dev

8.卸载vue-cli

npm uninstall vue-cli -g // cnpm uni vue-cli -g

安装时如果是cnpm i vue-cli -gd，卸载时要cnpm uni vue-cli -gd

卸载失败 可尝试更新下npm再卸载