vue 脚手架搭建vue-cli

1. 安装node.js，下载并安装node，一路[下一步]安装，安装完成后，在cmd中输入node -v，能出现node版本号，则安装成功

2. npm包管理器，是集成在node中的，在cmd中输入npm -v，能出现npm版本号

3. 到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm，但是却报错了

4. 网上找了方法，修改npm包管理器的registry为淘宝镜像（npm.taobao.org）,如果config set成功，那么npm info underscore执行后会有字符串返回

5. 安装webpack，WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。

6. 安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功

7. 然后又试了一把安装cnpm，居然成功了

通过以上四步，我们需要准备的环境和工具都准备好了

1. 安装依赖  cnpm install 则自动安装项目中的依赖

2. npm run dev  启动页面