VueJS專案目錄結構

2021-08-04 16:03:27 字數 1952 閱讀 3731

├── index.html                      入口頁面

├── build                           構建指令碼目錄

│   ├── build-server.js                 執行本地構建伺服器,可以訪問構建後的頁面

│   ├── build.js                        生產環境構建指令碼

│   ├── dev-client.js                   開發伺服器熱過載指令碼,主要用來實現開發階段的頁面自動重新整理

│   ├── dev-server.js                   執行本地開發伺服器

│   ├── utils.js                        構建相關工具方法

│   ├── webpack.base.conf.js            wabpack基礎配置

│   ├── webpack.dev.conf.js             wabpack開發環境配置

│   └── webpack.prod.conf.js            wabpack生產環境配置

├── config                          專案配置

│   ├── dev.env.js                      開發環境變數

│   ├── index.js                        專案配置檔案

│   ├── prod.env.js                     生產環境變數

│   └── test.env.js                     測試環境變數

├── mock                            mock資料目錄

│   └── hello.js

├── package.json                    npm包配置檔案,裡面定義了專案的npm指令碼,依賴包等資訊

├── src                             專案原始碼目錄   

│   ├── main.js                         入口js檔案

│   ├── components                      公共元件目錄

│   │   └── title.vue

│   ├── assets                          資源目錄,這裡的資源會被wabpack構建

│   │   └── images

│   │       └── logo.png

│   ├── routes                          前端路由

│   │   └── index.js

│   ├── store                           應用級資料(state)

│   │   └── index.js

│   └── views                           頁面目錄

│       ├── hello.vue

│       └── notfound.vue

├── static                          純靜態資源,不會被wabpack構建。

└── test                            測試檔案目錄(unit&e2e)

└── unit                            單元測試

├── index.js                        入口指令碼

├── karma.conf.js                   karma配置檔案

└── specs                           單測case目錄

└── hello.spec.js

構建vuejs專案

目的 在d盤myvue下構建vue專案 過程 1.d盤建立myvue檔案 2.命令進入myvue cmd d cd myvue 3.在目錄下建立乙個基於 webpack 模板的新專案 vue init webpack my vue project4.安裝專案依賴 cd 上一步建立的my vue pr...

搭建vuejs專案

1 環境安裝nodejs npm vuejs npm node npm install vue 然後檢視版本 node v npm v vue v 如果有版本號,則證明安裝成功 2 也可以利用 映象安裝,這樣比較快 npm install g cnpm registry https 3 安裝vue腳...

iOS 專案目錄結構

軟體開發不是比誰打字快。乙個成功的專案不只侷限於介面輸出,在目錄結構的清晰度上也應具有一定的高度要求,一眼看上去就能大概了解目錄的職責,且容易應對功能上的更新。entry models macro general helpers vendors sections resources 整個應用的入口 ...