上一篇我們已經(jīng)成功的將vue項(xiàng)目構(gòu)建完畢了，這一篇就來看看這個(gè)項(xiàng)目中都包含了什么東西吧
image.png
看上去比較復(fù)雜了我們一個(gè)一個(gè)來看
build目錄
build.png
這個(gè)目錄主要是存放項(xiàng)目構(gòu)建的相關(guān)代碼
build.js --生成環(huán)境的構(gòu)建腳本
check-versions.js --檢測(cè)當(dāng)前版本的腳本
logo.png --logo圖片
utils.js --工具方法
vue-loader.conf.js --vue加載配置
webpack.base.conf.js --基本配置
webpack.dev.conf.js --開發(fā)環(huán)境配置
webpack.prod.conf.js --生成環(huán)境配置
config目錄
config.png
dev.env.js --開發(fā)環(huán)境的配置
index.js --項(xiàng)目配置
prod.env.js --生成環(huán)境的配置
node_modules目錄
node_modules.png
這個(gè)目錄就是存放我們使用的模塊的
src目錄
src.png
assets --資源目錄
compoents --組件目錄
router --路由目錄
App.vue --根組件
main.js --入口文件
static目錄
靜態(tài)資源目錄，需要注意的是這個(gè)目錄是不會(huì)被webpack構(gòu)建的而assets是會(huì)被編譯的
其余文件
image.png
.babelrc --設(shè)置轉(zhuǎn)換的配置文件撬陵，因?yàn)閑s6還沒有被全面支持猴仑，這個(gè)文件就是負(fù)責(zé)向低級(jí)瀏覽器解釋用的
.editorconfig --編輯器的配置文件荸频，這里我使用的是vscode捐迫，是編輯器自動(dòng)生成的代碼統(tǒng)一風(fēng)格的文件
.gitignore --git提交忽略文件的配置文件
.postcssrc.js --對(duì)postcss的配置以及瀏覽器支持的配置[不確定喜命，希望有前端大神講解一下]
index.html --入口頁(yè)面
packge-lock.json --鎖定版本號(hào)
package.json --關(guān)于項(xiàng)目的配置文件
readme.md --呵呵
到這里所有文件都講解完畢了
