最外層文件內(nèi)容
README.md 項目的說明文件
package.json 中有很多個依賴包
package-lock.json package的鎖文件 確定按的第三方包的具體版本 保持團隊編程的一個統(tǒng)一
LICENSE 開源協(xié)議的說明
index.html 項目的默認的首頁的模板文件
.postcssrc.js 是對postcssrc的配置項
.gitignore 使用git時 希望把代碼上傳到碼云 但是有一些比較特殊的文件 并不希望傳到線上 就可以把這些特殊的文件配置在.gitignore文件中 這些文件當我向git倉庫里提交的時候 它不會被提交到倉庫中
.eslintre.js 一個檢測文件 配置了一些代碼的規(guī)范 只有按照這些規(guī)范寫才不會出現(xiàn)錯誤的提示
.eslintignore 在根目錄下/build/、/config/、/dist/、/*.js/(根目錄下所有js文件) 是不會受eslintre檢測文件檢測的 也就是這些文件寫的不標準 是不會有語法上的代碼提示的
editorconfig 幫助我們配置了一下編輯器里的一些語法 ident_size=2的意思是tab鍵代表了兩個空格 可以在里邊加一些內(nèi)容 來配置一下編輯器里的一些自動化的 代碼的格式化
babelrc 項目寫的代碼是vue的單文件組件的代碼的寫法 所以需要通過babel這種語法解釋器 做一些語法上的轉(zhuǎn)換 最終轉(zhuǎn)換成瀏覽器可以編譯執(zhí)行的代碼 babel需要做一些額外配置時? 都要放在babelrc這個文件中

static目錄下的文件內(nèi)容
static目錄下放靜態(tài)資源 比如 一些靜態(tài)的圖片 或者后續(xù)需要模擬的json數(shù)據(jù)

node_modules目錄下的文件內(nèi)容
node_modules目錄下放的是項目依賴的一些第三方node包

src目錄下的文件內(nèi)容
src目錄下放的是整個項目的源代碼
main.js是整個項目的入口文件
APP.vue是項目的最原始的根組件
router目錄里的index.js文件放的是項目里的所有的路由
components目錄里放的是項目里要用的一些小組件
assets目錄里放的是項目里面用到的一些圖片類的資源

?


config目錄下的文件內(nèi)容
config目錄下放的是一些項目的配置的文件
index.js文件里放的是基礎(chǔ)的配置信息
dev.env.js文件里放的是開發(fā)環(huán)境的一些配置信息
prod.env.js文件里放的是線上環(huán)境的一些配置信息

build目錄下的文件內(nèi)容
build目錄下放的是一些項目打包的webpack的配置內(nèi)容 比如webpck.base.conf.js和webpck.dev.conf.js以及webpck.prod.conf.js這三個文件分別配置了基礎(chǔ)的webpack配置項以及開發(fā)環(huán)境中的webpack配置項和線上環(huán)境中的webpack配置項 還有一些其他的工具類 還有一些打包過程中的一些額外的webpack配置都在這個目錄里 這個目錄是vue.cli自動幫我們構(gòu)建好的webpack配置的集合 一般來說不用修改
在后邊的開發(fā)過程中 這些配置文件一般不需要修改 只需要在src這個源代碼的目錄下進行業(yè)務代碼的開發(fā)