vue项目建立

随着第一个稳定版本的上线，发现版本残留的问题，咱们研发小组进入代码重构的阶段，重构的缘由这里就很少作赘述，重构的首先一部分就是方案的预研，关于前端咱们决定采用vue.js对前端部分进行一些重构，前端将承担页面渲染和分发路由的工做。

第一步，就是基于vue框架的一个项目建立。

首先就是node的安装，使用淘宝的npm镜像能够加快工具的安装速度： 输入npm install -g cnpm –registry=https://registry.npm.taobao.org，便可安装npm镜像，之后再用到npm的地方直接用cnpm来代替就行了

vue项目的构建能够分为两种方式，一种是使用vue-cli脚手架来构建，一种是自定义构建。

我先试用了第一种方法，使用脚手架，而后就遇到了第一个坑 ：输入vue init webpack my-project命令是，cmd显示 failed to download repo vuejs-templates:unable to verify the first certificate ，百度了一圈，又说是网络问题，须要跨域，也有说能够经过修改hosts文件来解决，，然鹅，并无用。。。。

 

翻到一个回答，默默作了尝试，结果走通了，下载成功了，vue-cli建立项目成功，这里先作个记录，下面尝试自定义安装vue，将vue引入咱们原先的工程，进行重构尝试，方法以下：

 

 

vue-cli建立好项目工程后，会生成这样的目录

 

它的含义解释以下：