vue-cli搭建项目

vue-cli是vue的脚手架，对项目的搭建，打包等都很方面
注意：以下所有的安装都要英文路径，以免出现问题。我们在开发时，最好都是英文路径，防止因为编码等问题出现错误

1. 首先安装node
   官网下载之后，next安装，可以修改安装路径
   安装完成之后自动添加node和npm环境变量
   安装成功标志
   npm 版本 < 3.0.1的话，npm -i -g升级npm
2. 安装webpack， npm install webpack -g
   查看webpack的版本: webpack -v

3. 安装vue-cli。npm install -g vue-cli
   查看vue是否安装成功：vue list或者vue都可以

   
   
   

4. 创建vue-cli项目
   当上述都成功之后，选择你自己的路径（C盘，D盘，E盘都可以，但是一定是英文路径！）
   创建一个模板 ： vue init webpack 项目名称，如下图

   
   
   
   
   

   项目名称叫：todolist
   第二行：项目描述，可以直接回车，也可以自己写
   第三行：作者
   第四行默认
   第五行：不安装vue-router
   第六行：
   第七行：单元测试no
   第八行：
   然后按照下面的三行在命令行里写

   
   
   
   
   这是npm install之后的部分代码
   最后npm run dev，看到如下界面就成功了