使用Vue CLI构建Vue项目

1.全局安装Vue CLI

cnpm install vue-cli -g

尚未安装cnpm可以输入：

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

用来安装国内淘宝镜像源的cnpm。
在命令执行结束后，输入：

vue --version

控制台打印出版本号，则表示安装成功。

2.初始化项目

vue init webpack <project-name>

这一步需要下载项目一些信息，回车后需要等待一点时间才会出现配置项。

进行配置的时候，其中的 Set up init tests?和Setup e2e tests with Nightwatch?选择no，最后一项也选择no，因为npm的镜像源在国外，安装依赖的速度缓慢且容易出错，建议使用cnpm安装依赖。

3. 安装项目依赖

cnpm install

4. 构建开发版本

现在我们可以看到我们新建的项目已经存在目录了，运行cd <project-name>进入该项目后再执行

npm start

这一步构建项目的开发版本，并启动webpack-dev-server。

现在项目就可以在浏览器上打开了，在浏览器的地址栏输入http://localhost:8080。

5. 构建项目的生产版本

npm run build