VUE項目目錄結構


項目基本結構

build/  ----編譯用到的腳本
config/ ----各種配置
dist/   ----打包后的文件夾
node_modules/   ----node第三方包
src/     ----源代碼
static/  ----靜態文件
index.html   ----最外層文件
package.json   ----node項目配置文件復制代碼

 

build文件夾目錄詳解

build.js    打包時使用,不要修改
check-versions.js     檢查npm版本,不要修改
utils.js   css/sass等文件的生成,不要修改
vue-loader.conf.js   輔助加載vuejs用到的css source map等內容,非常重要的配置文件,不要修改 webpack.base.conf.js\webpack.base.conf.js\webpack.base.conf.js 這三個是基本的配置文件,不要修改復制代碼

 

config文件夾

dev.env.js    開發模式下的配置文件,一般不用修改
index.jsz     生重要文件,開發時的端口(默認8080),圖片文件夾(默認static),開發模式下的地理服務器,修改的較多
prod.env.js   生產模式下的配置文件,一般不用修改復制代碼

node_modules文件夾

node項目用到的第三方包。npm install 產生的。定義的第三方包都會在package.json中出現

node_modules:這個文件夾不要放到git中

 

package.json:

 

 

 

src文件夾

 

核心代碼都會在這里:一般常用的如下:
assets     用到的圖片都是可以放到這里的
components    用到的視圖和組件所在的文件夾(核心)
router/index.js    路由文件,定義各個頁面對應的url
App.vue  頁面模板文件,所有其他vuejs頁面,都是該模板的一部分
main.js   沒有實際的業務邏輯,但是為了支撐整個vuejs框架,存在很有必要,一般引入UI組件在這里操作復制代碼

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM