作用域和文件顏色

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

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

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

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

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

• Local scopes 本地作用域存儲在IDE配置目錄中，它們不通過VCS共享，也不可供團(tuán)隊其他成員使用。
• 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”復(fù)選框更改所選作用域（本地或共享）的類型。

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)容。

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

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

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

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

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

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

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

預(yù)定義作用域

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

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

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

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

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

可以為每個作用域指定自己的顏色。例如，可以為“打開的文件”作用域指定一種顏色，并配置IDE在“項目”工具窗口中顯示此顏色。在這種情況下，當(dāng)前在編輯器中使用的文件將在項目樹中顯示顏色。這使得項目導(dǎo)航更快、更簡單。請注意，文件顏色僅在與作用域關(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”復(fù)選框，然后選擇要使用顏色的位置：選擇“Use in editor tabs 在編輯器選項卡中使用”或“ Use in project view 在項目視圖中使用”。

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

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

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

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

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

更改作用域的順序

• 按 Ctrl + Alt + S，打開Appearance & Behavior | Scopes。
• 選擇要移動的作用域，然后單擊向上或向下按鈕。
• 應(yīng)用更改并關(guān)閉對話框。

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論