vue-cli腳手架搭建項目簡單入門一

        搭建系統： Windows系統

1. 簡單瞭解Node.js、npm，安裝Node.js，下載網址：http://nodejs.cn/download/
2. 查看node，npm安裝成功與否。打開cmd命令行，輸入命令 node-v  、npm -v
   
3. 瞭解cnpm，輸入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
   
   
   查看安裝成功與否 輸入命令 cnpm -v
   
4. 瞭解webpack，藉助npm工具安裝webpack。輸入命令 npm install webpack -g
   
   查看安裝成功與否 輸入命令 webpack -v
   
5. 瞭解vue-cli腳手架工具，安裝輸入命令 npm intall -g vue-cli
   查看安裝成功與否，輸入命令 vue -V
   
   
6. 準備搭建項目，切換到想要放項目的文件夾下，輸入命令 cd\YourFileName\...（這一步視自身狀況操做，能夠忽略）
   
   
7. 初始化項目，輸入命令 vue init webpack temp_project （注意這裏的temp_project是項目文件夾名稱，該命名不能使用大寫字母）
   
   
   
   
8. 切換到項目文件夾下，安裝npm。前後輸入命令 cd temp_project    ，   npm install  
   
   
9. 在項目文件夾下，使用npm工具安裝路由和請求模塊 輸入命令 npm install vue-router vue-resource --save
   
   
10. 運行項目，輸入命令 npm run dev
    
    
11. 打開咱們的網站 瀏覽器輸入上面最後的網址 http://localhost:8080 （記得你的8080端口不要被別的進程佔用）

　　

     vue-cli 目錄

     vue-cli腳手架搭建項目簡單入門一

      vue-cli目錄理解二

 

       暫且簡單完成搭建，鼓舞鼓舞本身。後續有待詳細學習學習。繼續分享~

       ☆☆☆ 若有錯漏之處，但願你們不吝指出。若是喜歡，但願你們多多點贊。筆芯！☆☆☆