vue-cli創建的項目的目錄結構及說明
阿新 • • 發佈:2017-08-26
構建 npm sse ets tro 項目 變量 tor 項目構建
├── 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// 程序入口文件
五、
└── static// 靜態文件,比如一些圖片,json數據等
│ ├── .gitkeep
剩余、
├── .babelrc// ES6語法編譯配置
├── .editorconfig// 定義代碼格式
├── .gitignore// git上傳需要忽略的文件格式
├── index.html// 入口頁面
├── package.json// 項目基本信息
├── README.md// 項目說明
附錄、
一般情況下:
ESlint es6的代碼風格檢查器 y
AirBNB 默認
Karma + Mocha No
一、
├── 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// 程序入口文件
五、
└── 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創建的項目的目錄結構及說明