【Vue】項目代碼結構介紹


Vue開發環境搭建

vue開發環境搭建完成后,通過vue-cli生成的項目結構如下

 

build --webpack 打包配置項,自動構建,一般不需要修改

config -- 配置文件

  index.js --基礎配置

  dev.env.js -- 開發環境配置

  prod.env.js --線上環境配置

src源碼文件

  assets -- 圖片類資源

  componens -- 組件文件

  router -- 路由組件

  App.vue --原始根組件

  main.js --入口文件

node-modules -- 項目運行依賴包文件,自動生成

static -- 靜態資源文件夾

.babelrc -- 語法解析器配置文件

.editorconfig -- 編輯器語法配置文件

.eslintignore -- 包含不做代碼檢測的文件夾

.eslintrc -- 代碼檢測,規范配置文件

.gitignore -- 特殊文件,不上傳到git倉庫

.postcssrc -- 對postcss的配置項,postcss是一個用 JavaScript 工具和插件轉換 CSS 代碼的工具

index.html  -- 項目默認模板

LICENSE --開源協議說明

package-lock.json -- 第三方依賴包的版本,保持團隊編程的統一

package.json -- 第三方依賴包文件

README.md  -- 項目的說明


免責聲明!

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



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