搭建vue脚手架(vue-cil)

准备工具：node webpack

1、node的安装  

node的安装包从官网获取，安装是很简单的，我目前是已经安装过的  window+r  然后输入 cmd  可以到达命令行页面

输入 node -v  （注意node后有空格）可以获得当前的node版本号

npm的全称：Node Package Manager.（Node包管理器），是Node的包的一个管理工具

1）下载并安装  npm install

2）升级安装包  npm update

3）卸载安装包  npm uninstall/rm

由于npm的资源有限制，所以还需要安装淘宝的npm镜像--cnpm  

cnpm是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

可以参照淘宝cnpm网址进行安装

或者直接输入 

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

等待安装完成  输入 cnpm -v  可以查看当前cnpm版本号

2、接下来就是安装vue了

在命令行 输入 

 cnpm install vue

3、安装 vue-cil脚手架构建工具

cnpm install --global vue-cli

4、安装基于webpack的项目

更改目录到想安装的地址然后初始化一个项目，有如下两种方法

 vue init webpack my-project  //初始化一个项目

 vue init webpack-simple my-project  //初始化一个简单项目

 运行初始化命令的时候会让用户输入几个问题的选择，可以根据自己意愿自己选择，嫌麻烦的话可以直接回车选择默认选项

需要注意的是 项目名称不是是大写，否则会报错

5、刚开始的项目是没有依赖的  直接 npm run dev 是会报err的

所以首先应该

cnpm install

6、待依赖安装完成后，运行项目 

npm run dev

7、在浏览器中打开命令行给出的地址（如：我的地址是  http://localhost:8080），若出现下图，则代表安装成功