Visual Studio與JetBrains WebStorm一些對比

程式碼檢查
WebStorm提供強大，快速，靈活的靜態程式碼分析。能夠分析檢測語言本身和執行時錯誤，提供建議更正和改進。它還可以為整個專案編制索引，例如，可以檢測所有未使用的方法、變數等。
趨勢可以使用VS Code和ESLint以及no-unused-vars和no-unreachable規則檢測JavaScript方法中未使用的方法，但是如果使用TypeScript專案（如Angular），VS Code不會檢測未使用的公共方法。
這可能會對主要是使用VS Code開發的大型Angular程式碼庫的程式碼質量產生巨大影響。

Karma測試
WebStorm有一個我非常喜歡的整合測試執行器。這樣，您可以直接找IDE中執行測試，甚至可以進行除錯。在WebStorm中執行jasmine和Karma測試，可以輕鬆跳轉到失敗的程式碼，並能重新執行這些特定測試。
在VS Code中的Angular單元測試工作流通常是標記一個describe或it測試塊，它告訴Karma只執行這個特定的測試塊。或者，可使用karma-jasmine-html-reporter，您也可以透過在HTML頁面中單擊它們來定義僅執行某些測試。

原始碼控制/ Git整合
VS Code預設是一個非常基本的git整合。您可以使用GitLens之類的擴充套件，也可以使用其他工具，如Sourcetree，如果您想使用GUI進行復雜的git工作。(注：VS Code強項是與 Git整合，這是第一公民，其他IDE首先是IDE，然後才是原始碼整合。)
WebStorm提供了開箱即用的複雜git工作的所有功能。您可以直接在IDE中使用視覺化差異/合併工具提交檔案，檢視更改並解決衝突。

本地歷史
VS Code不會儲存更改的本地歷史記錄，但您可以使用本地歷史記錄等副檔名。
WebStorm會自動跟蹤您對檔案所做的所有更改，從而保護您免於意外丟失這些更改。您可以檢查檔案和目錄的歷史記錄並進行回滾。（注：有了第一面向Git的設計，Git歷史才是真正本地歷史，本地無需保留歷史，否則引起混亂）

除錯
VS Code只能使用Debugger For Chrome擴充套件程式除錯Chrome上的Web應用程式，然後您需要為應用程式配置該擴充套件程式。
使用WebStorm，你已經擁有了所有可用的預設值，例如，對於Angular，只需要點選“Debug Application”，你就可以在編輯器中設定斷點並觀察變數等。

程式碼重構
在我看來，使用WebStorm重構程式碼要好得多。您可以重新命名元件，它會更新HTML和TypeScript檔案中的所有檔名和用法。通常，所有JetBrains IDE都以其重構功能而聞名。
JetBrain IDE的一個眾所周知的功能是安全刪除。使用此功能，您可以在重構期間安全地從原始碼中刪除檔案。IDE將首先搜尋檔案的用法，如果找到它們，您可以在刪除檔案之前檢查它們並進行必要的操作。
不幸的是，VS Code目前並不那麼強大。

Angular CLI整合
WebStorm透過所謂的Angular Schematics提供了良好的Angular CLI整合,它可以提供編輯Angular模板，為變數，管道和模板引用變數提供程式碼完成。

效能
VS Code基於Electron，由HTML和JavaScript提供支援。
WebStorm是用Java開發的，它感覺通常比VS Code慢。我不會說它的速度非常慢，但速度差異很明顯。
VS Code具有更快的啟動時間，但如果您正在處理專案，則IDE或編輯器始終處於開啟狀態，啟動時間不起作用。(注：Vs Code啟動時間很快很重要，靈感不是整天泡在IDE中才有，而是放鬆閒暇時的突然狀態)

HTML的輔助功能檢查
WebStorm提供的檢查基於Web內容可訪問性指南（WCAG）中的建議，可幫助您編寫更易於訪問的HTML程式碼。(注：現在chrome提供這些功能，Vscode是一個全語言編輯器，不是隻針對Html)

價錢
VS Code是開源的，可以免費使用。
您需要支付WebStorm許可證，除非您選擇開放源專案，學生，教師，課堂幫助或培訓課程，編碼學校和新兵訓練營的免費許可證之一。
另一種選擇是使用EAP（早期訪問計劃）。這些預發行版本包含將新增到下一版本的功能。在釋出新版本的軟體之前，這些版本暫時可用。

結論
​​​​​​​一般來說，由於以下原因，我更傾向於並建議使用WebStorm：

• 更好的程式碼分析功能
• 一體化IDE，具有良好的基本功能，無需安裝許多額外的外掛
• 更好的程式碼重構可能性