用vue建構項目筆記1(用vue腳手架建立項目)

         一開始隻是看vue的api跟着熟悉vue，但是真正用在項目中，還是需要瘋狂的查資料才能會做，需要一個積累的過程。

很多前輩說跟着vue官方文檔就可以知道很多東西，但是我查到的api并不能讓我直接用在項目中，還是需要查别人是怎麼寫的，而且總是查到一些自己項目中不能用的東西。

根據我現在的了解，vue其實有兩種寫法

         一種是每個單頁面單獨聲明：

var app = 
  new Vue({
 
   
  el: 
  '#app',
 
   
  data: {
 
     
  message: 
  'Hello Vue!'
 
 
    }
 
 
  })
       

這樣思路比較簡單，但是遇到複雜的需求就查不到這樣格式的文章了，可能是我學藝不精吧。

         另一種就是建構vue腳手架。寫法，思路上都有一些差别。但是完全建構一個項目再用webpack打包會很省事，腳手架都預先配置好了很多東西。

後面是我在學習，使用vue寫項目時的一些認識和處理不同需求的知識點記錄，以防自己以後忘掉，也好查詢。

本章記錄一下如何搭建vue腳手架（不詳細，隻是用到的指令）：

 1.下載下傳node.js安裝。

2、安裝淘寶鏡像，用cnpm裝東西很省事，目前沒被坑過（一下指令在cmd中完成）

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

3、安裝vue腳手架

cnpm install -g vue-cli      

4、建立一個vue項目，根據提示配置是否需要單元測試等      

vue init webpack VueProject      
    
5、進入項目安裝依賴(用cd指令，進入項目檔案夾)       
cnpm install      
    
6、啟動項目進行開發       
npm run dev      
    
7、開發完成進行打包      
    
npm run build      
   
    
最後找到config/index.js中build的assetsPublicPath，是設定輸出路徑的。把"/"改成"./"，確定本地能夠檢視打包後的頁面