vue-cli的安裝和新建項目

• 第一步安裝vue-cli
  • 在終端運(yùn)行 npm install --global vue-cli
• 第二步新建項目
  • 在終端運(yùn)行vue init webpack project（項目名）
• 第三步運(yùn)行項目
  • 在項目文件夾下運(yùn)行終端npm run dev
• vue項目的目錄結(jié)構(gòu)

  ├── build                      // 構(gòu)建相關(guān)  
  ├── config                     // 配置相關(guān)
  ├── src                        // 源代碼
  │   ├── api                    // 所有請求
  │   ├── assets                 // 主題 字體等靜態(tài)資源
  │   ├── components             // 全局公用組件
  │   ├── directive              // 全局指令
  │   ├── filtres                // 全局 filter
  │   ├── icons                  // 項目所有 svg icons
  │   ├── lang                   // 國際化 language
  │   ├── mock                   // 項目mock 模擬數(shù)據(jù)
  │   ├── router                 // 路由
  │   ├── store                  // 全局 store管理
  │   ├── styles                 // 全局樣式
  │   ├── utils                  // 全局公用方法
  │   ├── vendor                 // 公用vendor
  │   ├── views                   // view
  │   ├── App.vue                // 入口頁面
  │   ├── main.js                // 入口 加載組件 初始化等
  │   └── permission.js          // 權(quán)限管理
  ├── static                     // 第三方不打包資源
  │   └── Tinymce                // 富文本
  ├── .babelrc                   // babel-loader 配置
  ├── eslintrc.js                // eslint 配置項
  ├── .gitignore                 // git 忽略項
  ├── favicon.ico                // favicon圖標(biāo)
  ├── index.html                 // html模板
  └── package.json               // package.json