VSCode 是跨平臺、免費和開源的。即使你是一個頑固的 Atom 或 Sublime 粉絲，也要試一試。
在過去幾年我一直都是用的Hbuilder，但是該軟體非常笨重，特別是首次啟動的時候，非常慢，而Visual Studio Code 結合了輕量級文字編輯器的易用性和大型 IDE 風格的功能，只需要極少的配置，所以非常輕量。
我總結了有如下幾大優點，
1.強大的預設設定
VSCode 提供了開箱即用的“JavaScript、TypeScript、JSON、HTML、CSS、Less 和 Sass”智慧感知，這一點很不錯。在 Atom 中，我並沒有使用程式碼提示外掛，所以 VSCode 的智慧感知顯得有點囉嗦，不過，這也是我之前錯過的東西。它會根據你安裝的擴充套件程式告訴你程式碼的哪些部分是無效的。例如，當代碼中的每個 const 都被標記為錯誤時，你就該知道它不支援 ES6。
2.高度可發現的擴充套件程式
當你意識到需要安裝 ES6 外掛時，它會根據當前的 workspace 向你推薦擴充套件程式，例如，對於 ES5/ES6，它會建議安裝“Babel ES6/ES7”擴充套件程式。這比在網上尋找安裝哪個外掛要好得多。
VSCode 的生態系統還沒有那麼碎片化，可能是因為它還比較新。對於某項任務，通常只有一個包可用（比如用於 ES6 高亮和提示的包）。
3.輕鬆分屏
我老是記不住分屏的快捷鍵。VSCode 在開啟文件選項卡的右上角提供了一個圖示，可用它來切換螢幕模式。我會在編寫測試程式碼時用到它，也就是說，我可以同時開啟應用程式程式碼和測試程式碼。在將程式碼從一個框架（或語言）移植到另一個框架（或語言）時，這個功能也很有用。
我從來不知道還能這麼做。為了偶爾用到的功能記住一個快捷鍵並不會帶來多大幫助，但是有了這個功能，就可以讓我避免老是來回切換選項卡。這樣可以減少上下文切換，更好的注意力聚焦可以提高生產力。
4.git diff 檢視
我沒有使用 git GUI，這對我來說通常不是一個大問題。在終端中使用大多數 git 命令（pull、commit、add、status、rebase）都沒有問題，只是 git diff 不太好用。VSCode 提供了 diff 檢視，我因此可以編寫更好的提交日誌訊息，因為現在可以看到每個檔案的全部程式碼差異，而不是像以前那樣執行 git diff，然後還有記住使用 git commit 時 diff 中都包含了哪些內容。
5.單擊匯入包
我從不在 Atom 中使用單擊匯入包，因為用得不多。但一旦用到了，你就會覺得無需重新輸入檔名這一點其實是很棒的。
6.內建的終端 / 偵錯程式
我會對 Atom 和 iTerm 進行分屏。但事實證明，iTerm 用得並不多。在 VSCode 中，你只需要使用 cmd +或 ctrl +就可以召喚出終端。
7.智慧感知
能夠檢視型別函式定義是非常有用的。之前，如果忘記一個函式（比如 PHP 中的 array_push）的引數順序是怎樣的，我都需要去查詢 API 文件。現在，VSCode 可以直接告訴我應該按照怎樣的順序傳遞引數，那麼我就可以繼續專注於手頭的任務。
年輕人，只有在用完webstorm之後才能體會什麼是絲滑。作為Hbuider和vscode的老使用者，在使用完webstorm之後果斷拋棄之前的軟體。
VSCode 是跨平臺、免費和開源的。即使你是一個頑固的 Atom 或 Sublime 粉絲，也要試一試。
在過去幾年我一直都是用的Hbuilder，但是該軟體非常笨重，特別是首次啟動的時候，非常慢，而Visual Studio Code 結合了輕量級文字編輯器的易用性和大型 IDE 風格的功能，只需要極少的配置，所以非常輕量。
我總結了有如下幾大優點，
1.強大的預設設定
VSCode 提供了開箱即用的“JavaScript、TypeScript、JSON、HTML、CSS、Less 和 Sass”智慧感知，這一點很不錯。在 Atom 中，我並沒有使用程式碼提示外掛，所以 VSCode 的智慧感知顯得有點囉嗦，不過，這也是我之前錯過的東西。它會根據你安裝的擴充套件程式告訴你程式碼的哪些部分是無效的。例如，當代碼中的每個 const 都被標記為錯誤時，你就該知道它不支援 ES6。
2.高度可發現的擴充套件程式
當你意識到需要安裝 ES6 外掛時，它會根據當前的 workspace 向你推薦擴充套件程式，例如，對於 ES5/ES6，它會建議安裝“Babel ES6/ES7”擴充套件程式。這比在網上尋找安裝哪個外掛要好得多。
VSCode 的生態系統還沒有那麼碎片化，可能是因為它還比較新。對於某項任務，通常只有一個包可用（比如用於 ES6 高亮和提示的包）。
3.輕鬆分屏
我老是記不住分屏的快捷鍵。VSCode 在開啟文件選項卡的右上角提供了一個圖示，可用它來切換螢幕模式。我會在編寫測試程式碼時用到它，也就是說，我可以同時開啟應用程式程式碼和測試程式碼。在將程式碼從一個框架（或語言）移植到另一個框架（或語言）時，這個功能也很有用。
我從來不知道還能這麼做。為了偶爾用到的功能記住一個快捷鍵並不會帶來多大幫助，但是有了這個功能，就可以讓我避免老是來回切換選項卡。這樣可以減少上下文切換，更好的注意力聚焦可以提高生產力。
4.git diff 檢視
我沒有使用 git GUI，這對我來說通常不是一個大問題。在終端中使用大多數 git 命令（pull、commit、add、status、rebase）都沒有問題，只是 git diff 不太好用。VSCode 提供了 diff 檢視，我因此可以編寫更好的提交日誌訊息，因為現在可以看到每個檔案的全部程式碼差異，而不是像以前那樣執行 git diff，然後還有記住使用 git commit 時 diff 中都包含了哪些內容。
5.單擊匯入包
我從不在 Atom 中使用單擊匯入包，因為用得不多。但一旦用到了，你就會覺得無需重新輸入檔名這一點其實是很棒的。
6.內建的終端 / 偵錯程式
我會對 Atom 和 iTerm 進行分屏。但事實證明，iTerm 用得並不多。在 VSCode 中，你只需要使用 cmd +或 ctrl +就可以召喚出終端。
7.智慧感知
能夠檢視型別函式定義是非常有用的。之前，如果忘記一個函式（比如 PHP 中的 array_push）的引數順序是怎樣的，我都需要去查詢 API 文件。現在，VSCode 可以直接告訴我應該按照怎樣的順序傳遞引數，那麼我就可以繼續專注於手頭的任務。