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

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

首先就是node的安装，使用淘宝的npm镜像可以加快工具的安装速度： 输入npm install -g cnpm –registry=，即可安装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创建好项目工程后，会生成这样的目录

 

它的含义解释如下：