深入解析Vue專案每乙個資料夾及檔案

2021-09-06 15:12:23 字數 1047 閱讀 7006

這裡對vue專案的每乙個檔案以及資料夾做乙個詳解,下面經常編輯、修改使用的資料夾會加粗標紅

1、build 資料夾: 裡面是對 webpack 開發和打包的相關設定,包括入口檔案,輸出檔案,使用的模組等。

2、config 資料夾: 主要是指定開發和打包中的靜態資源路徑,要壓縮的檔案型別,開發使用的埠號。

2.1、dev.env.js檔案是開發環境的變數,npm run dev 命令。

2.2、index.js環境變數及其基本變數的配置。分dev配置和production配置。

2.3、prod.env.js檔案是生產環境的變數,npm run build命令。

3、node_modules4、src資料夾: 我們主要操作的地方,元件的增加修改等都在這個資料夾裡操作。

4.1、assets: 放置靜態資源,包括公共的 css 檔案、 js 檔案、iconfont 字型檔案、img 檔案 以及其他資源類檔案。之所以強調是公共的 css 檔案,是因為要在元件的 css 標籤裡加入 『scoped『 標記,將其作用範圍限制在此元件以及呼叫它的父級元件中,避免汙染全域性樣式。

4.2、components: 放置通用模組元件,避免重複工作。

4.3、router: index.js放置路由設定檔案。

: 入口元件,pages 裡的元件會被插入此元件中,此元件再插入 index.html 檔案裡,形成單頁面應用。

4.5、main.js: 入口 js 檔案,影響全域性,作用是引入全域性使用的庫、公共的樣式和方法、設定路由等。

5、static 資料夾: 靜態資源資料夾,放置不會變動的資源,直接被複製到最終的打包目錄(預設是dist/static)下。 

遍歷乙個資料夾所有檔案

標籤 c 舉報分類 c 41 本文利用findfirstfile findnextfile 函式歷遍指定目錄的所有檔案,最基礎的歷遍所有檔案。一下 尚無法解決檔名為中文時的亂碼問題,以及無法分別無字尾的檔名和資料夾名的區別。findfirstfile 用於獲得指定目錄的第乙個檔案。其原型為 lpfi...

選擇乙個資料夾 Delphi

在delphi中,選擇乙個資料夾的操作主要有兩種方法。一種是通過 開啟 對話方塊 opendialog 控制項,通過定位乙個檔案來間接實現。另一種是利用delphi提供的selectdirectory函式。這個函式是在filectrl單元中定義的。第二種方法還有乙個附加的好處,它可以使用root引數...

乙個拷貝整個資料夾 包括子資料夾 的方法

需要引用命名空間 using system.io 拷貝資料夾 包括子資料夾 到指定資料夾下,源資料夾和目標資料夾均需絕對路徑.格式 copyfolder 源資料夾,目標資料夾 public static void copyfolder string strfrompath,string strtop...