1. 程式人生 > >Vue 目錄結構

Vue 目錄結構

|-- build                            // 專案構建(webpack)相關程式碼

|   |-- build.js                     // 生產環境構建程式碼

|   |-- check-version.js             // 檢查node、npm等版本

|   |-- dev-client.js                // 熱過載相關

|   |-- dev-server.js                // 構建本地伺服器

|   |-- utils.js                     // 構建工具相關

|   |-- webpack.base.conf.js         // webpack基礎配置

|   |-- webpack.dev.conf.js          // webpack開發環境配置

|   |-- webpack.prod.conf.js         // webpack生產環境配置

|-- config                           // 專案開發環境配置

|   |-- dev.env.js                   // 開發環境變數

|   |-- index.js                     // 專案一些配置變數

|   |-- prod.env.js                  // 生產環境變數

|   |-- test.env.js                  // 測試環境變數

|-- src                              // 原始碼目錄

|   |-- components                     // vue公共元件

|   |-- store                          // vuex的狀態管理

|   |-- App.vue                        // 頁面入口檔案

|   |-- main.js                        // 程式入口檔案,載入各種公共元件

|-- static                           // 靜態檔案,比如一些圖片,json資料等

|   |-- data                           // 群聊分析得到的資料用於資料視覺化

|-- .babelrc                         // ES6語法編譯配置

|-- .editorconfig                    // 定義程式碼格式

|-- .gitignore                       // git上傳需要忽略的檔案格式

|-- README.md                        // 專案說明

|-- favicon.ico

|-- index.html                       // 入口頁面

|-- package.json                     // 專案基本資訊