vue 新建项目

1. 首先安装node.js,安装时一直点Next，知道Finish就可以安装成功

2. 打开控制命令执行程序cmd，输入node -v ,可以查看node的版本信息，即安装成功，我安装的是v8.12.0

3. 安装淘宝镜像安装相关依赖，我们都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像，

    输入npm install -g cnpm --registry=http://registry.npm.taobao.org ，接下来就可以用cnpm 命令来安装模块了

4. 安装vue-cli脚手架构建工具，输入命令npm install -g vue-cli ,安装完成即可。 //  全局安装vue-cli

5. 检查vue-cli是否安装成功，不能检查vue-cli，检查vue的版本信息，输入命令

6. 选定路径，新建vue项目，我是新建到D盘下，指令vue init  webpack +项目名称(项目名称都要小写哦)

 如果项目创建的时候没有报错，cnpm install / npm install就可以省略，如果报错了，cd到项目里面运行该命令

（另一种创建项目方式：vue init webpack-simple demo01，这种方式创建出来的项目，目录比较简单，适合中小型项目）

7.  接下来就会新建这个项目，需要输入相关的配置，这个根据自己的情况而定

8. 项目创建成功，如图：

9. 进入到项目文件夹下

 10. 输入npm run dev ,运行项目

11. 在浏览器中打开这个网址，就能看到

 

创建项目成功，自己创建的时候花了好长时间，会出现各种各样的错，最后执行cmd以管理员身份运行的才创建成功，记录一下第一个vue项目环境的搭建及创建