WebStorm作用域和文件顏色詳解

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

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

作用域和文件顏色

作用域是項目中的一組文件和文件夾?？梢允褂米饔糜蛑庇^地區(qū)分不同視圖中的項，并限制特定操作的范圍。

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

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

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

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

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

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

定義新作用域

1.按 Ctrl + Alt + S，打開Appearance & Behavior | Scopes。

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

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

3.在打開的對話框中，輸入新作用域名稱并單擊“確定”。

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

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

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

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

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

5. 應用更改并關(guān)閉對話框。

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

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

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

預定義作用域

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

預定義作用域列表

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

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

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

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

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

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

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

按 Ctrl + Alt + S，打開Appearance & Behavior | File Colors。

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

點擊+按鈕，選擇要配置顏色的作用域。

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