Vue開發的項目環境配置

1. Ubuntu下安裝好node.js及其附屬npm（參照前一篇轉載的文章）
2. 安裝vue-cli：

   sudo npm install -g vue-cli

    

3. 安裝 webpack

   sudo npm install -g webpack

    

4. 建立項目

   vue init webpack test

   init：是指當前路徑下
   test：項目名（文件夾民）
   安裝過程當中除了 Install vue-roter？（即路由配置安裝）輸入y；其餘都選擇n；（以下圖）
   

5. 運行項目
   進入項目目錄

   cd test
   npm run dev

6. 項目目錄結構分析
   
   文件解釋：
   build:配置了webpack的基本配置，開發環境配置、生產環境配置；
   config：配置了路徑端口值等；
   node_modules：配置依賴的模塊；
   src：放置組件和入口文件；
   static：放置靜態資源文件；
   index.html：爲文件入口