vue-cli开发环境搭建

搭建环境：win10 且安装了node环境

---

第一步：打开cmd
第二步（可选）：使用npm在国内的速度比较慢,使用淘宝镜像cnpm来下载东西比较快。在cmd中输出下列命令来安装cnpm（这个过程可能比较久，多等待一下）

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

检验cnpm是否安装成功(下列命令是检查cnpm / npm的版本的)

cnpm  -v   或者  npm  -v

若出现警告：npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
解决办法：降低版本，使用如下命令：

npm install npm@4.6.1 -g 

第三步：安装vue-cli(-g:代表安装到系统的node环境下，且将vue-cli安装到当前目录下)

cnpm install -g vue-cli

检测vue的版本

vue -V

第四步：创建一个基于“webpack”模板的新项目(my-first-vue-project:项目的名字)

vue init webpack my-first-vue-project

cmd中要求输入这初始项目的名字、描述、作者
然后是否安装路由:Y、ESLint(语法检查工具):N、unit tests(单元测试):N
（初始化成功之后，就可以在cmd命令行默认的文件目录下看到项目my-first-vue-project。比如我的cmd默认文件目录是：C:\Users\一眼就认出你，那么就可以在C盘\用户\一眼就认出你目录下找）
第五步：安装依赖（项目初始化后是不能跑起来的，需要下载依赖）

cd  my-first-vue-project

cnpm install

所有的依赖都会安装到node_modules文件下
第五步：启动项目

npm run dev

若出现Your application is running here: http://localhost:8080，表示项目已经启动完成
第六步：打开浏览器输入http://localhost:8080，出现vue的首页表明开发环境已经搭建完成

有不合理的地方，欢迎评论修正