0%

Vue的專案資料夾結構

Vue的專案資料夾結構

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|-- dist                     編譯後的檔案目錄
|-- node_modules npm模組包
|-- public 模板檔案和靜態資源
|-- src 開發目錄(配置完成後基本只在該資料夾開發即可)
|-- assets 資源,如 css、image、iconfont
|-- components 元件
|-- router 路由 vue-router
|-- store 狀態 vuex
|-- views 路由元件,即某個路由直接指向該元件
|-- App.vue 專案入口元件
|-- main.js 專案入口
|-- .browserslistrc 配置支援的瀏覽器範圍,babel會根據這個進行 Polyfill
|-- .editorconfig code style 設定
|-- .env.development 開發環境變數設定
|-- .env.production 正式環境變數設定
|-- .eslintrc.js eslint 設定
|-- .gitignore git 忽略目錄
|-- babel.config.js babel 設定
|-- package.json 專案依賴列表
|-- postcss.config.js postcss 設定
|-- README.md
|-- vue.config.js 專案配置及 webpack 配置