Vue小白拿到一個(gè)Vue項(xiàng)目,不知道從哪里下手辐马,項(xiàng)目結(jié)構(gòu)如下所示良漱,它是用vue-cli創(chuàng)建,Vue-cli是Vue的腳手架工具睦番,通俗的說(shuō)就是官方提供的一個(gè)命令行工具(vue-cli)类茂,可用于快速搭建大型單頁(yè)應(yīng)用耍属。
目錄結(jié)構(gòu)介紹如下:參考
bulid 里面是一些操作文件,使用npm run * 時(shí)其實(shí)執(zhí)行的就是這里的文件
config 配置文件巩检,執(zhí)行文件需要的配置信息
src 資源文件厚骗,所有的組件以及所用的圖片都是在這個(gè)放著的簡(jiǎn)單看一下這個(gè)文件夾下都放了那些東西
assets 資源文件夾,放圖片之類(lèi)的資源兢哭,components 組件文件夾领舰,寫(xiě)的所有組件都放在這個(gè)文件夾下,現(xiàn)在有一個(gè)寫(xiě)好的組件已經(jīng)放到里面了迟螺,router 路由文件夾冲秽,這個(gè)決定了也面的跳轉(zhuǎn)規(guī)則,App.vue應(yīng)用組件矩父,所有自己寫(xiě)的組件锉桑,都是在這個(gè)組件之上運(yùn)行了,main.js webpack入口文件浙垫,webpack四大特性entry入口刨仑、output輸出,loader加載器夹姥,plugins插件杉武,可以再項(xiàng)目中build\webpack.base.conf.js第12行看到這個(gè)入口文件是哪個(gè)。
.babelrc babel配置文件辙售,把我們ES2105的代碼通過(guò)它編譯成ES5的轻抱。
.editorconfig 編輯器配置
.eslintignore 忽略語(yǔ)法檢查的目錄文件配置
.eslintrc.js eslint的配置文件
.gitignore 配置git倉(cāng)庫(kù)的忽略
index.html 項(xiàng)目入口模板文件
package.json node配置文件