IDE 前端開發(fā)工具

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

1. 為什么使用 IDE

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

上圖是一個典型的 IDE 開發(fā)截圖，其中包含了語法錯誤的代碼高亮、函數(shù)提示、左邊的代碼結(jié)構(gòu)等
通俗的來說，假如你用系統(tǒng)自帶的記事本來編程的話，可能你需要記住所有的語法以及所有的函數(shù)名稱才行，在高級語言中函數(shù)庫動輒成千上萬，如果需要把函數(shù)全都背熟才能開發(fā)的話，編程的門檻就相當(dāng)?shù)母吡耍也焕诔绦騿T把精力集中于業(yè)務(wù)分析和算法實現(xiàn)等真正需要腦力勞動的環(huán)節(jié)，有了 IDE 之后相當(dāng)于程序員解放了重復(fù)勞動的環(huán)節(jié)。總的來說，IDE 是一種提高編程效率的代碼編輯軟件。

2. 主流 IDE 介紹

2.1 榜單

2019 全球 IDE 市場占有份額

2.2 主流 IDE 介紹

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

2.2.1 webstorm

webstorm 是 jetbrains 公司旗下的產(chǎn)品，主要用于 web 開發(fā)，比譽(yù)為“ web 前端神器”，主要應(yīng)用于 HTML css JavaScript 編程。它的官網(wǎng)地址是 webstorm。

2.2.2 VS code

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

2.2.3 PHPstorm

PHPstorm 也是 jetbrains 的產(chǎn)品，相當(dāng)于包含 webstorm 的所有功能+ PHP 運(yùn)行環(huán)境+PHP語法+sql支持，主要用于PHP的編程。它的官網(wǎng)地址是 PHPStorm。

2.2.4 Cloud 9

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

2.2.5 IntelliJ IDEA

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

2.2.6 EMACS

比較出名的集成開發(fā)環(huán)境和代碼編輯器，由 Richard Stallman 和 Guy Steele 在 1975 年共同開發(fā)。早期在 lisp 語言開發(fā)環(huán)境較為流行，學(xué)習(xí)曲線相對比較陡峭。它的官網(wǎng)地址是 EMACS。

3. 小結(jié)

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