WebStorm是一款深受廣大程序員喜愛的 JavaScript 開發和Web前端開發工具，完美適應各種復雜客戶端開發和Node.js的服務器端開發。

點擊下載WebStorm最新試用版

如果公司中存在某些編碼準則，則在創建源代碼時必須遵循這些準則。WebStorm可幫助您維護所需的代碼樣式。

代碼樣式是在項目級別和 IDE級別（全局）定義的。

• 在項目層面，設置被歸入 "項目方案"，該方案是預定義的，并以粗體標示。項目風格方案僅應用于當前項目。

  您可以使用 "Copy to IDE "命令將項目方案復制到IDE層。

• 在 IDE 層面，設置被歸入預定義的默認方案（以粗體標示），以及用戶通過 Duplicate 命令創建的任何其他方案（以純文本標示）。全局設置是在用戶不想將代碼風格設置與項目一起保留并共享時使用的。

  您可以使用 "Copy to Project "命令，將IDE方案復制到當前項目中。

配置語言的代碼樣式

1. 在“Settings/Preferences”對話框中 Ctrl+Alt+S，轉到“Editor | Code Style”， 然后打開您的編程語言頁面。

2. 選擇代碼樣式方案，以用作所選語言的自定義代碼樣式的基礎。

3. 瀏覽所選語言頁面的選項卡，并為其配置代碼樣式首選項。

從其他語言復制代碼樣式設置

對于大多數受支持的語言，您可以從其他語言或框架復制代碼樣式設置。

1. 在“Settings/Preferences”對話框中 Ctrl+Alt+S，轉到"Editor | Code Style "， 然后打開您的編程語言頁面。

2. 單擊右上角的“Set From”。

   僅顯示這些語言的鏈接，這些鏈接適用于以其他語言為基礎定義設置的情況。

3. 從出現的列表中，選擇要從中復制代碼樣式的語言。

   

使用EditorConfig在目錄級別管理代碼樣式

要使用EditorConfig，請確保在 "Settings/Preferences | Plugins "頁面上啟用了EditorConfig捆綁插件，詳見管理插件。

WebStorm允許您使用EditorConfig支持（默認情況下在“Settings/Preferences”對話框中 啟用）來管理每個文件集的所有代碼樣式設置Ctrl+Alt+S。您需要做的只是將.editorconfig文件放在根目錄中，該目錄包含要定義其代碼樣式的文件。您可以根據需要在項目中擁有多個.editorconfig文件，因此可以為不同的模塊指定不同的樣式。

.editorconfig文件中的 所有選項都將應用到它所在的目錄以及當前項目代碼樣式之上的所有子目錄。如果未在中定義任何內容.editorconfig，則取自項目設置。

.editorconfig文件中的 所有選項均分為以下類別：

• 標準選項，如indent_size，indent_style等。這些選項沒有任何特定于域的前綴。

• 具有ij_前綴并且適用于所有語言的通用IntelliJ選項：

  • ij_visual_guides

  • ij_formatter_off_tag

  • ij_formatter_on_tag

  • ij_formatter_tags_enabled

  • ij_wrap_on_typing

  • ij_continuation_indent_size

  • ij_smart_tabs

• 許多語言支持的常見IntelliJ選項。它們以ij_any前綴開頭，例如ij_any_brace_style。
• IntelliJ特定于語言的選項，其ij_<lang>_前綴為where<lang>語言域ID（通常為小寫語言名稱），例如ij_java_blank_lines_after_imports。

可以將相同的選項定義為通用選項和特定于語言的選項，例如ij_<...>_brace_style。特定于語言的選項比通用或通用選項具有更高的優先級。

添加一個.editorconfig文件

1. 在“project”視圖中，右鍵單擊包含要定義其代碼樣式的文件的源目錄，然后選擇“New | EditorConfig”。從上下文菜單中選擇EditorConfig。

2. 選擇要定義的屬性，以便WebStorm為它們創建存根，或將所有復選框保留為空以手動添加所需的屬性。

3. 要預覽對代碼樣式設置的更改將如何影響實際的源文件，點擊.editorconfig文件溝槽中的eye圖標，并選擇一個受其影響的源文件。預覽將在右側打開

   

   您可以在預覽窗格中進行更改，以嘗試測試如何反映配置更改，而不必擔心對源代碼進行不必要的更改：當您關閉.editorconfig文件時，所有這些更改都將被丟棄。