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建立好項目工程後，會生成這樣的目錄

 

它的含義解釋以下：