一、快捷鍵操作

WebStorm是一款功能強大的代碼編輯器，代碼格式化是它的一項非常實用的功能。我們可以使用快捷鍵來實現對代碼進行格式化。具體快捷鍵為：Ctrl+Alt+L（Windows、Linux），Cmd+Alt+L（Mac）。

當我們想要對代碼進行格式化時，只需要在編輯器中選中需要格式化的代碼，然后按下Ctrl+Alt+L（或Cmd+Alt+L），WebStorm會自動對代碼進行識別并格式化。這是一種非常高效的操作方式，可以為我們節省大量的時間和精力。

雖然WebStorm默認的格式化設置已經很不錯，但有時候我們需要對格式進行特別的調整。比如，我們需要將所有的變量名轉換為駝峰命名法，或者增加代碼縮進量。在這種情況下，我們可以通過設置WebStorm的格式化選項來實現自定義的格式化規則。

二、自定義格式化規則

WebStorm支持不同的代碼風格，我們可以針對不同的項目或者代碼風格選擇合適的格式化規則。在WebStorm中，通過打開File → Settings → Editor → Code Style → JavaScript，我們可以找到格式化選項。

{
  "indent_size": 2,
  "indent_char": " ",
  "max_preserve_newlines": 1,
  "brace_style": "end-expand",
  "end_with_newline": false,
  "wrap_line_length": 80,
  "unformatted": [
    "a", "sub", "sup", "b", "i", "u", "code", "pre", "textarea"
  ]
}

在以上代碼塊中，我們可以設置一些格式化的參數：

三、預設格式化風格

WebStorm內嵌了一些預設的格式化風格，通過選擇對應的風格可以快速的應用到編輯器中。在Code Style中，可以選擇Yii、Drupal和WordPress等預設的風格，其中Yii的風格是比較推薦的。在設置面板中還提供了編輯操作的預設選項，包括修改變量、聲明函數和語句、注釋等等。

四、代碼自動格式化

WebStorm提供了代碼自動格式化的功能，該功能會在編輯代碼過程中不斷給出提示，建議用戶調整代碼以符合當前設置的格式化規則。

//代碼示例1
function print() {
console.log("hello world")
}

//代碼示例2
if (a == b) console.log("a equals to b")

在代碼示例1中，我們可以看到函數聲明格式并不符合WebStorm的默認格式化規則。當我們將光標移動到函數內部時，WebStorm會自動彈出對話框，提示我們是否要進行格式化。在這里我們可以選擇同意WebStorm的提示，然后WebStorm會按照設定好的格式化規則進行調整。調整后的代碼如下：

function print() {
  console.log("hello world")
}

而在代碼示例2中，if語句的格式同樣不符合WebStorm的默認格式化規則。當我們將光標移到if語句中時，WebStorm還會自動提示我們調整，這樣就可以方便地進行代碼格式化了。

五、總結

WebStorm的代碼格式化功能是非常實用的，它可以為我們提供非常方便的快捷鍵操作，還提供了自定義格式化規則、預設格式化風格和代碼自動調整等多種功能。使用這些功能可以讓我們的代碼更加規范化，減少代碼的錯誤，提高代碼的可讀性和可維護性。