タグ : WebStorm
如何在 WebStorm 同時開啟多個專案 ?
Vue 與 GraphQL 雖然都使用 ECMAScript，但實務上常分成不同 Project，也各自有 Git Repository，但能在同一個 WebStorm 同時開發 Vue 與 GraphQL 兩個 Project 嗎 ?
如何在 WebStorm 使用 ASI ?
ECMAScript 其實並不如 C、C# 與 Java 強制在每行結尾都要加上 ;，支援所謂 ASI (Automatic Semicolon Insertion) 會在每行結尾自動加上 ;；WebStorm 與 ESLint 只要稍加設定就可完美支援 ASI。
如何以更簡短 Command 啟動 WebStorm ?
WebStorm 目前也可在 CLI 以 webstorm Command 直接開啟目前目錄的 Project，但 webstorm 稍嫌冗長，該如何改以 ws 啟動呢 ?
使用 Rainbow Bracket 讓 Block 更明顯
Rainbow Bracket 是 VS Code 很有名的 Extension，讓 Block 以相同顏色顯示，使 Code 結構更清楚，WebStorm 也可使用。
如何在 WebStorm 快速切換 Word Wrap ?
由於 HTML 是橫向發展，如 VS Code 的 ⌥ Z 快速切換 Word Wrap 就相當實用；WebStorm 雖然也有提供相對應的 Soft-Wrap，卻沒提供 Shortcut，本文提供兩種方式解決。
如何移除舊版 WebStorm ?
使用 Toolbox 更新 WebStorm 時，預設並不會移除舊版 WebStorm，JetBrains 本意是讓你能快速 Rollback 到之前版本，但這也無形浪費 SSD 空間，其實也可以移除舊版 WebStorm，並設定只留下最新版本。
如何解決 CLI 啟動舊版 WebStorm ?
WebStorm 除了使用 Toolbox 啟動外，也可如 VS Code 使用 CLI 啟動，但實務上發現 Toolbox 更新 WebStorm 後，CLI 仍會呼叫舊版 WebStorm，該如何解決呢 ?
如何對 CSS Extract Variable ?
WebStorm 在 2019.1 開始支援 CSS 的 Extract Variable，可將重複部分直接抽成 CSS Variable，方便日後維護。
如何在 WebStorm 顯示 Shortcut ?
WebStorm 支援豐富的 Shortcut，在 Demo 時若想將 Shortcut 即時顯示，需另外安裝 Presentation Assistant。