vue原始文件夾1.png vue原始文件夾2.png 1.build文件夾:構(gòu)建腳本目錄吴汪,是用于打包配置的文件夾 1.1 build.js 生產(chǎn)環(huán)境構(gòu)建腳本,用于構(gòu)建生產(chǎn)版本,項(xiàng)目開發(fā)完成后彰亥,通過build.js打包(加載base與prod泪漂,讀取完之后通過webpack命令對項(xiàng)目進(jìn)行打包) 1.2 utils.js 工具類廊营,公共的配置,用于構(gòu)建相關(guān)工具方法 1.3 vue-loader.conf.js 被base加載 1.4 webpack.base.conf.js webpack基礎(chǔ)配置(核心配置) 1.5 webpack.dev.conf.js webpack開發(fā)環(huán)境配置 1.6 webpack.prod.conf.js webpack生產(chǎn)環(huán)境配置 2. config文件夾:項(xiàng)目配置(開發(fā)環(huán)境萝勤、測試環(huán)境露筒、生產(chǎn)環(huán)境、ip地址及端口配置等) 2.1 dev.env.js 開發(fā)環(huán)境變量 2.2 index.js 項(xiàng)目配置文件(ip地址及端口配置等) 2.3 prod.env.js 生產(chǎn)環(huán)境變量 2.4 test.env.js 測試環(huán)境變量 3. src文件夾:源碼目錄敌卓,主要編寫代碼的地方 3.1 assets文件夾 靜態(tài)資源放置慎式,包括公共的css文件、js文件、iconfont字體文件瞬捕、img圖片文件及其他資源類文件鞍历。(這里的資源會被webpack構(gòu)建) 當(dāng)在組件的css標(biāo)簽中添加‘scoped’時,其作用范圍是該組件及調(diào)用它的父組件中 3.2 components文件夾 放置通用的模塊組件 3.3 router文件夾 index.js是路由設(shè)置文件 3.4 App.vue 入口組件肪虎,pages中的組件插入到該組件中劣砍,然后該組件插入到index.html中 3.5 main.js 入口js文件,影響全局扇救、作用是引入全局使用的庫刑枝、公共樣式及方法、設(shè)置路由等 4. static文件夾: 純靜態(tài)資源迅腔,不會被webpack構(gòu)建 5. test文件夾:測試文件目錄——unit装畅、e2e文件夾:單元測試 5.1 index.js 入口腳本 5.2 karma.conf.js karma配置文件 5.3 specs 單測case目錄