从头搭建一个基于webpack的vue项目

需要环境：node，vue。

如果还没有node环境，请自行移步安装——http://www.runoob.com/nodejs/nodejs-install-setup.html。

安装完node后，node中自带了npm，但是npm的速度太慢，可以使用淘宝的npm镜像：

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

全局安装完镜像后，然后就可以用cnpm指令代替npm指令了 。

接下来安装vue：

cnpm install vue

安装完之后，vue就存在于npm模块中了，接下来，你可以使用vue命令去建立vue项目。

 vue的项目搭建可以手动搭建，也可以用官方的命令行工具搭建。

这里我选择的是官方的命令行工具。步骤如下：

step1：

全局创建一个vue项目的脚手架。

cnpm install --global vue-cli

如果你之前已经安装了这个脚手架，就不用安装了。

step2：

创建一个基于webpack模板的项目，命令如下：

vue init webpack go-trad

如上所示，我用vue提供的命令行工具创建了