IDE 前端開發工具

本章節我們介紹一下 IDE ，它的全稱是 Integrated development environment（集成開發環境）。同樣是編輯代碼的工具，為什么動輒幾百 M 甚至幾 G 大小的 IDE 為什么備受開發者青睞呢？

1. 為什么使用 IDE

那是因為相對記事本這種輕量級編輯器來說，IDE 軟件自帶語法高亮、縮進、編碼變換等對于開發者比較便捷的小工具，使他真正意義上成為了代碼編輯器，甚至有不少 IDE 提供一些版本控制（ Git/SVN ）、可視化編程、本地運行環境等功能，真正做到所見即所得的自動化編程。

上圖是一個典型的 IDE 開發截圖，其中包含了語法錯誤的代碼高亮、函數提示、左邊的代碼結構等
通俗的來說，假如你用系統自帶的記事本來編程的話，可能你需要記住所有的語法以及所有的函數名稱才行，在高級語言中函數庫動輒成千上萬，如果需要把函數全都背熟才能開發的話，編程的門檻就相當的高了，而且不利于程序員把精力集中于業務分析和算法實現等真正需要腦力勞動的環節，有了 IDE 之后相當于程序員解放了重復勞動的環節?？偟膩碚f，IDE 是一種提高編程效率的代碼編輯軟件。

2. 主流 IDE 介紹

2.1 榜單

2019 全球 IDE 市場占有份額

2.2 主流 IDE 介紹

本章主要介紹市面上比較流行的各種主流語言對應的IDE

2.2.1 webstorm

webstorm 是 jetbrains 公司旗下的產品，主要用于 web 開發，比譽為“ web 前端神器”，主要應用于 HTML css JavaScript 編程。它的官網地址是 webstorm。

2.2.2 VS code

vs code 全稱 visual studio code，是微軟公司開發的的文本編輯器，具有良好的跨平臺性，同時支持 Windows、 Linux、 OS X 操作系統。但是 vs code 并非像傳統的 IDE 一樣開箱即用，而是需要配置額外的插件，例如 Git、代碼高亮、語法提示等等，才能用的比較舒心。它的官網地址是 VS code。

2.2.3 PHPstorm

PHPstorm 也是 jetbrains 的產品，相當于包含 webstorm 的所有功能+ PHP 運行環境+PHP語法+sql支持，主要用于PHP的編程。它的官網地址是 PHPStorm。

2.2.4 Cloud 9

cloud 9 是亞馬遜公司推出的在線 IDE ，只要打開瀏覽器就能使用，但是目前在國內市場占有率較低。目前支持PHP、JavaScript、Python 等主流編程語言，使用較為方便。它的官網地址是 Cloud 9。

2.2.5 IntelliJ IDEA

使用 Java 開發的一個 IDE，對于 Java 開發者比較友好，其中 alt + enter 代碼修復功能比較出名。它的官網地址是 IntelliJ IDEA。

2.2.6 EMACS

比較出名的集成開發環境和代碼編輯器，由 Richard Stallman 和 Guy Steele 在 1975 年共同開發。早期在 lisp 語言開發環境較為流行，學習曲線相對比較陡峭。它的官網地址是 EMACS。

3. 小結

總體來說如果只做 HTML 開發，webstorm 應該是比較好的選擇，體積輕量，功能健全。但是 IDE 就像編程語言一樣，沒有最好的，只有最適合的，只有選擇了最符合你的操作習慣的才是最好的。