基于vue-cli創建的項目的目錄結構及說明介紹

一、

├── build // 項目構建(webpack)相關代碼 記憶：（夠賤） 9個

│ ├── build.js // 生產環境構建代碼

│ ├── check-versions.js // 檢查node&npm等版本

│ ├── dev-client.js // 熱加載相關

│ ├── dev-server.js // 構建本地服務器

│ ├── utils.js // 構建配置公用工具

│ ├── vue-loader.conf.js // vue加載器

│ ├── webpack.base.conf.js // webpack基礎環境配置

│ ├── webpack.dev.conf.js // webpack開發環境配置

│ └── webpack.prod.conf.js // webpack生產環境配置

二、

├── config// 項目開發環境配置相關代碼 記憶： （環配） 3個

│ ├── dev.env.js // 開發環境變量（看詞明意）

│ ├── index.js //項目一些配置變量

│ └── prod.env.js // 生產環境變量

三、

├──node_modules// 項目依賴的模塊 記憶： （依賴） *個

四、

├── src// 源碼目錄 5

1
│ ├── assets// 資源目錄

│ │ └── logo.png

2
│ ├── components// vue公共組件

│ │ └── Hello.vue

3
│ ├──router// 前端路由

│ │ └── index.js// 路由配置文件

4
│ ├── App.vue// 頁面入口文件（根組件）

5
│ └── main.js// 程序入口文件（入口js文件）

五、

└── static// 靜態文件，比如一些圖片，json數據等

│ ├── .gitkeep

剩余、

├── .babelrc// ES6語法編譯配置

├── .editorconfig// 定義代碼格式

├── .gitignore// git上傳需要忽略的文件格式

├── index.html// 入口頁面

├── package.json// 項目基本信息

├── README.md// 項目說明

附錄、

一般情況下：

ESlint es6的代碼風格檢查器 y
AirBNB 默認
Karma + Mocha No
e2e No

以上這篇基于vue-cli創建的項目的目錄結構及說明介紹就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com