1. 程式人生 > >vue專案程式碼結構

vue專案程式碼結構

最外層檔案:

README.md  ————> 說明檔案

package.json  ————>依賴檔案儲存地

package-lock.json ————>依賴的版本

LICENSE  ————>開源協議說明

index.heml  ————>專案首頁的預設檔案(深入)

postcssrc.js ————>postcss的配置項。

gitignore ————>git 配置項 (把不想上傳的檔案配置在裡面,不會被提交)

我添加了我不想提交的檔案

eslintrc.js ————> 配置程式碼規範

eslintignore ————> 配置不需要程式碼規範的檔案

editorconfig————>幫助配置了編輯器的語法,自動化的程式碼格式化(如tab縮排)

babelrc————>語法解析器(版本相容)

static檔案:靜態資源存放點(靜態圖片等)

node_modules :第三方資源依賴包

SRC:整個專案的原始碼

mian.js :專案入口檔案

app.vue :專案最原始的根元件

專案路由存放在 router 檔案下的 index.js 中

components檔案: 裡面放的是專案的小元件

assets 檔案 存放專案用到的圖片。

config目錄:專案的配置檔案

index.js :基礎配置資訊

dev.env.js:開發環境配置資訊

prod.env.js:線上環境配置資訊

build 檔案 :放置webpack打包的配置檔案 (自動構建,一般不需要修改)

base:基礎配置

dev:開發配置

prod:線上環境配置

未完待續。。。。。。