Vue專案根目錄檔案說明

2021-10-03 08:21:35 字數 2184 閱讀 3067

$ 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中訪問裝置的方式和訪問檔...