按照目錄順序排的:
- 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的具體來源和版本號