## 前言 > 工欲善其事必先利其器，提高程式設計師的開發效率必須要有一個好的開發工具，當前最好的前端開發工具主要有VS code、sublime Text、Atom、Webstorm、Notepad++。 VS Code 是一款十分強大的程式碼編輯器，雖然出來時間比較短，但是使用頻率和受歡迎率已經遠遠超過了其他的編輯器，VS code適用於幾乎所有的程式設計與和開發任務，包含了非常豐富的應用外掛，非常方便，越來越多的新生代網際網路青年正在使用它。 其實VS Code 這款軟體本身，是用 JavaScript 語言編寫的，是一款基於Electron框架編寫的客戶端編輯器，如果喜歡研究原始碼可以去github下載原始碼進行研究，Electron使用和學習在以後章節中介紹（具體請自行查閱基於 JS 的 PC 客戶端開發框架 `Electron`）。Jeff Atwood 在 2007 年提出了著名的 Atwood 定律： > **任何能夠用 JavaScript 實現的應用系統，最終都必將用 JavaScript 實現**。 Jeff Atwood 這個人是誰不重要（他是 Stack Overflow 網站的聯合創始人），重要的是這條定律。 前端目前是處在春秋戰國時代，各路英雄豪傑成為後浪，各種框架工具層出不窮，VS Code 軟體無疑是大前端時代最驕傲的工具。 如果你是做前端開發（JavaScript 程式語言為主），則完全可以將 VS Code 作為「**主力開發工具**」。這款軟體是為前端同學量身定製的。 如果你是做其他語言方向的開發，並且不需要太複雜的整合開發環境，那麼，你可以把 VS Code 作為「**程式碼編輯器**」來使用，縱享絲滑。 甚至是一些寫文件、寫作的同學，也經常把 VS Code 作為 markdown **寫作工具**，毫無違和感。 退而求其次，即便你不屬於以上任何範疇，你還可以把 VS Code 當作最簡單的**文字編輯器**來使用，完勝 Windows 系統自帶的記事本。 以下是對VS Code基本使用的介紹： ## 一、VS Code 的介紹 VS Code 的全稱是 Visual Studio Code，是一款開源的、免費的、跨平臺的、高效能的、輕量級的程式碼編輯器。它在效能、語言支援、開源社群方面，都做得很不錯。 微軟有兩種軟體：一種是 VS Code，一種是VS IDE。 VS Code是一款開發者的程式碼編輯器，提供了各種便攜的外掛使用；VS IDE是微軟的重量級IDE工具，裡面集成了各種開發環境的編譯工具，特別是開發後端伺服器程式設計，提供了完整的C/C++、Java、Python、Go、Android等整合開發工具。類似於Eclipse IDE，只需要一鍵安裝即可。 ### IDE 與 編輯器的對比 IDE 和編輯器是有區別的： - **IDE**（Integrated Development Environment，整合開發環境）：對程式碼有較好的智慧提示和相互跳轉，同時側重於工程專案，對專案的開發、除錯工作有較好的影象化介面的支援，因此比較笨重。比如 Eclipse 的定位就是 IDE。還有很多優秀的IDE工具，例如： **Visual Basic 6.0：**  **Visual C++ 6.0：**  **Dev C++：**  **Visual Studio 2015-2019：**  **QT Creator：**  **Eclipse：**  **IDEA：**  **PyCharm：**  - **編輯器**：要相對輕量許多，側重於文字的編輯。比如 Sublime Text 的定位就是編輯器。再比如 Windows 系統自帶的「記事本」就是最簡單的編輯器。 需要注意的是，VS Code 的定位是**編輯器**，而非 IDE ，但 VS Code 又比一般的編輯器的功能要豐富許多。可以這樣理解：VS Code 的體量是介於編輯器和 IDE 之間。程式設計師常用的一些優秀的編輯器例如： VS Code、Sublime Text、Editplus、Notepad++、vim、Atom、Webstorm、chocolatapp、textpad等等。’ ### VS Code 的特點 - VS Code 的使命，是讓開發者在編輯器裡擁有 IDE 那樣的開發體驗，比如程式碼的智慧提示、語法檢查、圖形化的除錯工具、外掛擴充套件、版本管理等。 - VS Code是一款免費的、開源的、高效能的、跨平臺的、輕量級的程式碼編輯器，同時，在效能，語言支援、開源社群方面也做的很不錯！ - 跨平臺支援 MacOS、Windows 和 Linux 等多個平臺。 - VS Code 的原始碼以 MIT 協議開源。 - 支援第三方外掛，功能強大，生態系統完善。 - VS Code 自帶了 JavaScript、TypeScript 和 Node.js 的支援。也就是說，你在書寫 JS 和 TS 時，是自帶智慧提示的。當然，其他的語言，你可以安裝相應的**擴充套件包**外掛，也會有智慧提示。 ### 前端編輯器： VS Code 與 WebStorm、Sublime Text 經常看到這樣的問題：哪個編輯器/IDE 好用？是 VS Code 還是 WebStorm （WebStorm 其實是 IntelliJ IDEA 的定製版）？我來做個對比： - **哪個更酷**：顯然 VS Code 更酷。 - **記憶體佔用情況**：根據我的觀察，VS Code 是很佔記憶體的（尤其是當你開啟多個視窗的時候），但如果你的記憶體條夠用，使用起來是不會有任何卡頓的感覺的。相比之下，IntelliJ IDEA 不僅非常佔記憶體，而且還非常卡頓。如果你想換個既輕量級、又不佔記憶體的編輯器，最好還是使用「Sublime Text」編輯器。 - **使用比例**：當然是 VS Code 更勝一籌。先不說別的，我就拿資料說話，我目前所在的研發團隊有 200 人左右（120個後臺、80個前端），他們絕大部分人都在用 VS Code 編碼，妥妥的。如果想快速輕量級開發可以選擇sublime Text3. 也有很多豐富的外掛可以使用。 所以，首選是VS code，其次是sublime Text3，再其次可以選擇其他自己喜歡的編輯器。 ### VS Code 的安裝 - VS Code