搭建vue脚手架(vue-cli)完整版 / webpack本地安装

先补充下webpack本地安装的方法：

查看是功（2.7.0 出现否安装成版本号说明安装成功）：

>>>>>>>>>>>>>>>>>>>>>>>>>>>分割线>>>>>>>>>>>>>>>>>>>>>>>>>>>>

^-^大神请绕道^_^

很多人接触vue是从vue-cli开始的，但是如何才能让vue-cli跑起来是问题的关键。最近整理了下，希望能帮到正在学习的小伙伴。

一. 安装环境

这个首先需要安装node环境。官网下载地址：http://nodejs.cn/download/。

安装完成后，可以在命令行工具（我用的git，底下的命令都是在git中进行，也可以用 window + r 运行程序查看）中输入node -v 和 npm -v 查看node是否安装成功，如果能显示出版本号，说明安装成功。

二. 安装vue-cli

现在我们可以全局安装vue-cli

但是用npm安装比较慢，一般使用cnpm来安装，淘宝镜像：

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

然后使用cnpm来安装vue-cli和webpack:

最新的vue-cli模板中，都带有webpack插件，所以这里不需要单独安装，安装完成，可以是使用vue -V(V大写)，查看是否安装成功，

三. 生成项目

准备工作做完了，现在可以开始我的项目搭建了，在命令行中进入项目根目录：

输入：

vue init webpack project

然后输入命令：

在浏览器中输入划线的地址：

出现这个：

这个项目就搭建成功了~~~~~

以后搭建就不用找了，直接用了~~~

参考链接： http://www.cnblogs.com/wisewrong/p/6255817.html