$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
├── build/ # webpack配置檔案
│ └── ...
├── config/
│ ├── index.js # 主要專案配置
│ └── ...
├── src/
│ ├── main.js # 應用入口檔案
│ ├── components/ # ui元件
│ │ └── ...
│ └── assets/ # 模組資源(由webpack處理)
│ └── ...
├── static
/ # 純靜態資源(直接複製)
├── test/
│ └── unit/ # 單元測試
│ │ ├── specs/ # 測試spec檔案
│ │ ├── index.js # 測試構建條目檔案
│ │ └── karma.conf.js # 測試跑步者配置檔案
│ └── e2e/ # e2e測試
│ │ ├── specs/ # 測試spec檔案
│ │ ├── custom-assertions/ # e2e測試的自定義斷言
│ │ ├── runner.js # 測試跑步指令碼
│ │ └── nightwatch.conf.js # 測試跑步者配置檔案
├── .babelrc # babel 配置
├── .postcssrc.js # postcss 配置
├── .eslintrc.js # eslint 配置
├── .editorconfig # editor 配置
├── index.html # index.html模板
└── package
.json # 構建指令碼和依賴關係
build/
此目錄包含開發伺服器和生產webpack構建的實際配置。 通常,您不需要觸控這些檔案,除非您要自定義webpack載入器,在這種情況下,您應該看看build / webpack.base.conf.js。
config/index.js
這是顯示構建設定的一些最常見配置選項的主配置檔案。 有關詳細資訊,請參閱開發期間的api**和後端框架整合。
src/
這是你的大部分應用程式**所在的位置。如何構建此目錄中的所有內容,主要取決於您; 如果您使用vuex,您可以查閱vuex應用程式的建議。
static/
此目錄是您不想使用webpack進行處理的靜態資源的乙個逃生艙口。 它們將直接複製到生成webpack建立資產的同乙個目錄中。
有關詳細資訊,請參閱處理靜態資產。
test/unit
包含單元測試相關檔案。 有關詳細資訊,請參閱單元測試
test/e2e
包含e2e測試相關檔案。 有關詳細資訊,請參閱端到端測試。
index.html
這是我們的單頁應用程式的模板index.html。 在開發和構建期間,webpack將生成資產,並將生成的資產的url自動注入到此模板中以呈現最終的html。
package.json
包含所有構建依賴項和構建命令的npm軟體包元檔案。
Linux下根目錄檔案說明
一般linux系統根目錄有如下資料夾 bin 重要的二進位制 binary 應用程式,包含二進位制檔案,系統的所有使用者使用的命令都在這個目錄下。boot 啟動 boot 配置檔案,包含引導引導程式相關的檔案 dev 裝置 device 檔案包含裝置檔案,包括終端裝置,usb或連線到系統的任何裝置 ...
Linux根目錄說明
所謂根目錄就是類似 windows的c盤的根目錄,也就是我們進去c盤最先看到的那裡 而其他硬碟 d e 被掛載在 mnt目錄下 linux中我們日常操作在 home username 這個目錄下 通過cd 進入根目錄,通過cd 進入當前使用者的目錄 有意思的是,wsl和你的windows是相互聯通的...
LINUX 根目錄說明
linux目錄 bin bin是binary的縮寫。這個目錄存放著最經常使用的命令。boot 這裡存放的是啟動linux時使用的一些核心檔案,包括一些連線檔案以及映象檔案。data dev dev是device 裝置 的縮寫。該目錄下存放的是linux的外部裝置,在linux中訪問裝置的方式和訪問檔...