快捷導(dǎo)航

WebStorm作用域和文件顏色詳解

更新時(shí)間：2025年06月06日 09:12:54 作者：四荒八極

這篇文章主要介紹了WebStorm作用域和文件顏色,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

作用域和文件顏色

作用域是項(xiàng)目中的一組文件和文件夾。可以使用作用域直觀地區(qū)分不同視圖中的項(xiàng)，并限制特定操作的范圍。

作用域旨在邏輯地組織項(xiàng)目中的文件：測(cè)試源碼可以轉(zhuǎn)到與測(cè)試相關(guān)的作用域，生產(chǎn)代碼可以與生產(chǎn)文件的作用域相關(guān)聯(lián)。這些邏輯使項(xiàng)目更容易管理。例如，僅在測(cè)試類中運(yùn)行與測(cè)試相關(guān)的檢查比在應(yīng)用程序中的所有文件中運(yùn)行它們花費(fèi)的時(shí)間更少。

WebStorm附帶了一組預(yù)定義的作用域，也可以創(chuàng)建自定義作用域。自定義作用域可以包含任何文件和文件夾。例如，自定義范圍只能包括你項(xiàng)目中個(gè)人負(fù)責(zé)的文件。

在WebStorm中，作用域用于代碼檢查、重構(gòu)、搜索、版權(quán)設(shè)置、代碼分析等各種功能等。

有兩種類型的作用域：本地作用域和共享作用域。

Local scopes 本地作用域存儲(chǔ)在IDE配置目錄中，它們不通過(guò)VCS共享，也不可供團(tuán)隊(duì)其他成員使用。
Shared scopes 共享作用域被添加到VCS中，以便參與項(xiàng)目的人員可以使用相同的作用域。這些作用域與項(xiàng)目一起存儲(chǔ)在.idea下的scope文件夾中。每個(gè)作用域都保存為xml文件（例如：MyProject/.idea/scope/shared-scope.xml）。

如果你的項(xiàng)目處于版本控制之下，使用共享作用域是有意義的。如果你不使用VCS，本地作用域足以滿足你的需求。

定義新作用域

1.按 Ctrl + Alt + S，打開(kāi)Appearance & Behavior | Scopes。

2.點(diǎn)擊+按鈕，選擇 Add Scope，并選擇要定義的作用域類型：本地或共享。

稍后，可以使用“Share through VCS”復(fù)選框更改所選作用域（本地或共享）的類型。

3.在打開(kāi)的對(duì)話框中，輸入新作用域名稱并單擊“確定”。

4.將文件添加到新作用域。在項(xiàng)目樹(shù)中選擇必要的項(xiàng)目，然后單擊樹(shù)右側(cè)的選項(xiàng)之一：

Include 包括：包括所選項(xiàng)目。如果選擇包含一個(gè)文件夾，則此操作僅添加位于該文件夾內(nèi)的文件。將不包括所有嵌套的子文件夾及其內(nèi)容。
Include Recursively 遞歸包含：將所選文件夾與嵌套的子文件夾及其內(nèi)容一起包含在內(nèi)。
Exclude 排除：將所選項(xiàng)目排除在范圍之外。如果要排除文件夾，則此操作僅刪除位于此文件夾內(nèi)的文件。所有嵌套的子文件夾及其內(nèi)容都將保留在作用域內(nèi)。
Exclude Recursively 遞歸排除：排除所選文件夾以及嵌套的子文件夾及其內(nèi)容。

當(dāng)向作用域添加文件時(shí)，WebStorm會(huì)創(chuàng)建一個(gè)表達(dá)式并將其顯示在Pattern字段中。除了使用按鈕，還可以使用作用域語(yǔ)言語(yǔ)法在pattern字段中手動(dòng)輸入模式。

例如，為了避免壓縮已壓縮的文件，請(qǐng)使用下面的模式字符串配置自定義作用域。

 file:*js&&!file:*.min.*

5. 應(yīng)用更改并關(guān)閉對(duì)話框。

作用域內(nèi)的文件和文件夾以不同顏色顯示，以幫助你了解包含哪些內(nèi)容，不包含哪些內(nèi)容：

綠色：作用域中包含的文件和文件夾。
藍(lán)色：文件夾中既有包含文件又有排除文件。
黑色：從所選作用域中排除的文件和文件夾。

創(chuàng)建自定義作用域后，可以在項(xiàng)目工具窗口和所有允許您限制要應(yīng)用操作的文件數(shù)量的對(duì)話框中找到它。

預(yù)定義作用域

WebStorm提供了一組預(yù)定義的作用域。IDE會(huì)根據(jù)有關(guān)文件的信息自動(dòng)將文件添加到這些作用域中。請(qǐng)注意，這些作用域不能修改。

預(yù)定義作用域列表

Project Files 項(xiàng)目文件：包括項(xiàng)目根目錄中的所有文件。庫(kù)和框架不包括在此作用域內(nèi)。
Problems 問(wèn)題：項(xiàng)目?jī)?nèi)容根中包含有語(yǔ)法錯(cuò)誤的文件。
All Changed Files 所有更改的文件：包括VCS中最近更改的所有文件。
Scratches and Consoles 包括項(xiàng)目工具窗口中Scratches和Consoles目錄中的所有文件。
Tests 測(cè)試：此作用域僅限于項(xiàng)目測(cè)試源代碼根目錄。
Open Files 打開(kāi)文件：包括當(dāng)前在編輯器中打開(kāi)的文件。

將作用域與顏色相關(guān)聯(lián)

屬于不同作用域的文件可以在搜索結(jié)果、編輯器選項(xiàng)卡和項(xiàng)目工具窗口中以不同顏色高亮顯示。

可以為每個(gè)作用域指定自己的顏色。例如，可以為“打開(kāi)的文件”作用域指定一種顏色，并配置IDE在“項(xiàng)目”工具窗口中顯示此顏色。在這種情況下，當(dāng)前在編輯器中使用的文件將在項(xiàng)目樹(shù)中顯示顏色。這使得項(xiàng)目導(dǎo)航更快、更簡(jiǎn)單。請(qǐng)注意，文件顏色僅在與作用域關(guān)聯(lián)時(shí)有效。

與作用域類似，顏色關(guān)聯(lián)可以是本地的和共享的：

Local colors 本地顏色僅對(duì)你自己可見(jiàn)，不會(huì)通過(guò)VCS共享。
Shared colors 共享顏色置于版本控制之下，以便參與項(xiàng)目的人員可以使用相同的顏色關(guān)聯(lián)。它們存儲(chǔ)在fileColors.xml文件（例如：MyProject/.idea/fileColors.xml）。

創(chuàng)建新的顏色關(guān)聯(lián)

按 Ctrl + Alt + S，打開(kāi)Appearance & Behavior | File Colors。

確保選中了“Enable file colors”復(fù)選框，然后選擇要使用顏色的位置：選擇“Use in editor tabs 在編輯器選項(xiàng)卡中使用”或“ Use in project view 在項(xiàng)目視圖中使用”。

點(diǎn)擊+按鈕，選擇要配置顏色的作用域。

點(diǎn)擊右側(cè)箭頭，選擇一種顏色。

要編輯顏色，請(qǐng)單擊“顏色”列中與所需范圍對(duì)應(yīng)的單元格，然后從列表中選擇新顏色。

要通過(guò)VCS共享顏色，請(qǐng)選中“Share through VCS”列中相應(yīng)行上的復(fù)選框。如果清除復(fù)選框，則將在本地使用該顏色。

如果一個(gè)文件包含在多個(gè)作用域中，作用域的順序就變得很重要：WebStorm從本地作用域開(kāi)始，從上到下處理作用域。這意味著IDE將把列表中最后一個(gè)作用域的顏色應(yīng)用于這樣的文件。如果你希望WebStorm以不同的順序處理顏色關(guān)聯(lián)，可以更改作用域的順序。

更改作用域的順序