VueCli4.X 目錄結構


按照目錄順序排的:

  • dist:用於存放使用 npm run build 命令打包的項目文件
  • node_modules:用於存放我們項目的各種依賴
  • public:用於存放靜態資源
  • public/index.html:是一個模板文件,作用是生成項目的入口文件。瀏覽器訪問項目的時候就會默認打開的是生成好的index.html。
  • src:是存放各種vue文件的地方。
  • src/assets:用於存放着各種靜態文件,比如圖片。
  • src/components:用於存放我們的公共組件,比如header、footer等。
  • src/router/index.js:vue-router路由文件。需要引入src/views文件夾下的.vue,配置path、name、component。
  • src/store/index.js:是vuex的文件,主要用於項目里邊的一些狀態保存。比如state、mutations、actions、getters、modules。
  • src/views:用於存放我們寫好的各種頁面,比如Login.vue,Home.vue。
  • src/App.vue:是主vue模塊,主要是使用router-link引入其他模塊,App.vue是項目的主組件,所有的頁面都是在App.vue下切換的。
  • src/main.js:入口文件,主要作用是初始化vue實例,同時可以在此文件中引用某些組件庫或者全局掛載一些變量。
  • .gitignore:配置git上傳想要忽略的文件格式。
  • babel.config.js:是一個工具鏈,主要用於在當前和較舊的瀏覽器或環境中將ES6的代碼轉換向后兼容(低版本ES)。
  • package.json:模塊基本信息項目開發所需要的模塊,版本,項目名稱。
  • package-lock.json:是在npm install時候生成的一份文件,用於記錄當前狀態下實際安裝的各個npm package的具體來源和版本號


免責聲明!

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



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