WebGIS開發(fā)，屬于前端開發(fā)方向，所以本章主要介紹 WebGIS 開發(fā)環(huán)境也是前端開發(fā)環(huán)境。下面會將IDE、Web服務器， 以及一些開發(fā)輔助、效率工具介紹給大家。

代碼編輯器/IDE工具

這里只介紹互聯網前端開發(fā)者使用較多的主流代碼編輯器，排名不分前后。

IntelliJ IDEA

IntelliJ IDEA 簡稱IDEA，是在IT業(yè)界中公認的最好的、最強大的Java開發(fā)工具之一，它也集成了前端的開發(fā)環(huán)境，Node.js、Angular、React等，都支持的比較 好，功能是最強大的。缺點就是比較重，內存要求較高。如果電腦內存沒有8G以上，不推薦使用IDEA，工程多了或者工程較大可能會卡頓。當然如果你項目前后 端不分離的話，使用IDEA可能是比較好的，可以直接跑后端，也可以直接開發(fā)前端。如果你用習慣了IDEA，可能就不會再想用其他編輯器。

WebStorm

WebStorm 和 IDEA 一樣，也是由 JetBrains 公司開發(fā)的，顧名思義，該IDE工具是為了主打 Web 方向開發(fā)，就像是 IDEA 的輕量級版本。官方宣傳語：“ The smartest JavaScript IDE ”。如果你用IDEA吃內存，可以嘗試使用 WebStorm。

Sublime Text

Sublime Text 是用于代碼、或復雜文本的編輯器，特點是輕量，性能好速度快，支持安裝插件包擴展功能。個人最早期就是用sublime去開發(fā)前端頁面。軟件很小，也可以安裝用來作為文本編輯器，因為sublime多光標編輯插入的功能和性能好，現在也偶爾用來編輯一些文本或者代碼文件。缺點：如果開發(fā)人員不安裝一些好用的第三方插件，可能編輯器功能不夠強大，有些插件包在國內網絡下載有問題。使用技巧：搜索引擎搜索：Sublime Text好用的插件

VS Code

Visual Studio Code 是微軟2015年對外推出的一款現代化輕量級代碼編輯器，由于編輯器源碼開源，近兩年發(fā)展也很快，更新迭代版本也比較快，越來越多的前 端開發(fā)者使用，已成為是寫前端和Node.js的最佳編輯器之一。VSCode調試node.js后端代碼也是特別方便。

幾個操作截圖演示熟悉編輯器的必要性

類似下面這種快速的代碼判斷生成，以上的編輯器都支持，這里拿VSCode作為簡單的演示：

這些都是基本的，配合快捷鍵，或者安裝一下代碼提示插件就可以了。很多快捷鍵真得能提高效率，多用快捷鍵，少用鼠標。

總結

代碼編輯器只是一個開發(fā)工具，最大的目的就是達到高效開發(fā)，節(jié)省時間，讓自己覺得用得舒服、用得方便就好了。我們使用一個IDE工具寫代碼時，最重要的就是先熟悉了解IDE工具的功能特點，然后是快捷鍵，日常寫代碼使用快捷鍵能提高效率，節(jié)省時間，用熟悉用習慣了一款編輯器后，你遍養(yǎng)成了依賴的習慣?？傆幸豢钍沁m合自己的編輯器，沒有最好，只有喜不喜歡，習不習慣吧，都可以安裝使用了解一下。在這里，我推薦兩款：IDEA或者VSCode，如果你只寫前端，那就推薦VSCode。

Web服務器

Web服務器一般指網站服務器，簡單的可以理解為，電腦上的文件資源，可以通過Web服務器部署后，讓通過因特網的人都能訪問預覽。

在寫代碼之前，我們有必要了解清楚能部署前端項目或者demo頁面的Web服務器有哪些。傳統(tǒng)的前端靜態(tài)文件部署方式有 IIS 、 Tomcat 、 Apache Http Server ，目前互聯網流行的Web服務器有 Nginx 、Tengine等。

（持續(xù)更新中......）