作為前端開發(fā)人員，想必這兩款工具大家應(yīng)該都很熟悉吧，它們都是一款代碼編輯器，但是各自又都有著各自的優(yōu)缺點(diǎn)，我以前是一直使用 webstrome 最近才轉(zhuǎn)用 VsCode
是否免費(fèi)
這個(gè)一定要放在最前面說，webstrome 是收費(fèi)的，而vscode 是免費(fèi)的
插件生態(tài)
VSCode 的生態(tài)無疑非常好，基于 Web 技術(shù)構(gòu)建的編輯器同樣可以使用 Web 技術(shù)開發(fā)插件，而 Web 開發(fā)人員的數(shù)量也確實(shí)非常龐大。且由于其輕量跨平臺(tái)的特性，受到很多開發(fā)者的喜愛，將之作為主力文件編輯器或者將其打造成 IDE 使用。
WebStorm 官方給出的插件總數(shù)是 1607，而 VSCode 吾輩并未找到插件的總數(shù)量，但顯而易見，VSCode 的插件數(shù)量應(yīng)該遠(yuǎn)遠(yuǎn)高于這個(gè)數(shù)字。而且你可以看到 WebStorm 下載量第一的插件僅僅只下載過 5,558,762 次，而 VSCode 的熱門插件的下載數(shù)量是以 M 來計(jì)算的
自動(dòng)修復(fù)功能
我們?cè)谌粘ｉ_發(fā)中經(jīng)常會(huì)遇到一些低級(jí)問題，而編輯器其實(shí)是有可能幫我們自動(dòng)修復(fù)的，VSCode 沒有原生的自動(dòng)修復(fù)功能，必須使用插件才行
Git/GitHub 集成
SCode 的 Git 支持一直不太行，就算加了插件 GitLens 也無法比得上 WebStorm。
下面由兩張圖對(duì)比下：
vscode
webstrome
前端支持
VSCode 生態(tài)很好，基本上很多語言/框架都有支持，而且官方也有一些非常優(yōu)秀的插件。但是，有一些地方很重要，VSCode 對(duì)于 HTML/CSS/JavaScript 這些 Web 基本元素的支持相比于 WebStorm 確實(shí)不太好
對(duì)于 HTML/CSS 之間的代碼提示、跳轉(zhuǎn)這些基本功能，VSCode 其實(shí)并沒有做好?，F(xiàn)代前端說是不再寫 HTML 了，但實(shí)際上終究還是要寫（即便是 JSX 還是要符合寫 HTML 的直覺的），VSCode 代碼提示在這里明顯不太夠看
使用性能
WebStorm 確實(shí)很吃內(nèi)存，尤其是項(xiàng)目剛剛打開的時(shí)候，索引會(huì)瘋狂地吃 CPU/內(nèi)存/硬盤
東家
VSCode 背后站著微軟，俗成 M$，開發(fā)了宇宙最強(qiáng) IDE Visual Studio。而 WebStorm 則是基于 JetBrains 平臺(tái)專門為前端進(jìn)行特殊處理優(yōu)化的 IDE，背后則是業(yè)界最智能的 IDE 的開發(fā)公司 JetBrains（捷克公司）。
寫在最后
其實(shí)說了這么多，無論哪種編輯器，適合自己項(xiàng)目的就是最好的編輯器
