[一]Cesium利其器——Visual Studio Code

本文轉載自查看原文 2020-03-21 14:38 629

Cesium中文網：http://cesiumcn.org/ | 國內快速訪問：http://cesium.coinidea.com/

IDE

Web前端剛入門的朋友，常常想選擇一個快速、好用、流行（其實我也不知道為什么要流行，或許是在技術的路上，工程師希望自己走在主流的路上？）的IDE（Integrated Development Environment：集成開發環境）。IDE重要么？重要也不重要。不重要是因為：它只是一個工具，我們更應該關注的是需求、邏輯、算法、知識等。重要是因為：它是一個工具，工欲善其事必先利其器，工具選好了常常能夠達到事半功倍的效果。

CesiumJS官方並沒有特別推薦IDE，但在入門教程Cesium入門2 – Cesium環境搭建及第一個示例程序有這么一段話：

If you’re already a seasoned developer, you most likely have a favorite editor or development environment; for example, most of the Cesium team uses Eclipse. If you’re just starting out, a great free and open-source editor is Notepad++, which you can download from their website. Ultimately any text editor will do, so go with the one that you are most comfortable with.

可以看到Cesium團隊主要使用開源的Eclipse或者推薦使用Notepad++。

根據筆者自身的使用情況簡單列了一些使用過的IDE：

Notepad（Windows自帶）或TextEdit（Mac自帶）

價格：免費

下載地址：系統自帶

開啟速度：極快

操作系統：Windows/Mac

Notepad即記事本，工程師（Note:以后筆者會將程序員稱為工程師，尊重自己贏得尊重）的終極夢想擺脫IDE用純文本編輯器編程是一種很酷的事，但是特別困難，如果單純的閱讀一些簡單的HTML、JavaScript或CSS可以用記事本打開，但是非常不建議用來開發。

如果讀者系統的學習過計算機科學，那么對編譯、鏈接、生成、測試等一定不陌生（雖然前端基本不會用到編譯鏈接），一個好的IDE一定能夠對項目有很好的組織。記事本做不到這一點。
Notepad++（For Windows only）

價格：免費

下載地址：https://notepad-plus-plus.org/downloads/

開啟速度：極快

操作系統：Windows

非常優秀的超輕量級編輯器，除了能夠閱讀和編寫HTML、JavaScript或CSS之后，支持打開文件夾，這在一定程度上對項目進行了一些組織。有大量插件可以使用。目前，就讀者所了解到的，它僅支持Windows環境。
Sublime Text (For Windows and Mac)

價格：收費閉源

下載地址：www.sublimetext.com/ (官網) | http://www.sublimetext.cn/ （國內社區）

開啟速度：快速

操作系統：Windows

非常優秀的輕量級編輯器。幾乎涵蓋Notepadd++的所有功能。同時支持Windows和Mac。海量插件。

新特性包括：GOTO ANYTHING、GOTO DEFINITION、多重選擇、命令面板、自定義、分割編輯、即時項目開關等。當然不付費，也能夠使用unregistered版本。
Eclipse/MyEclipse（For Windows and Mac）

價格：免費/收費

下載地址：https://www.eclipse.org/downloads/

開啟速遞：中速/慢速

操作系統：Windows/Mac

MyEclipse實際上是Eclipse的一個付費版本，最開始是以插件的形式存在。Eclipse主要是作為一個Java的IDE，能夠非常好的集成Java相關的插件。如果讀者開發Cesium的過程中，后端選型是Java並且喜歡使用免費的IDE，沒有那么關注前后端分離，那么Eclipse是一個非常好的選擇。
PHPStorm/IntelliJ IDEA/WebStorm（For Windows and Mac）

價格：收費

下載地址：http://www.jetbrains.com/phpstorm/ | http://www.jetbrains.com/idea/ | http://www.jetbrains.com/webstorm/

開啟速度：慢速

操作系統：Windows/Mac

從域名可以看出來，這三個IDE出自一家公司之手。它們是非常優秀的IDE，但是它們都價格不菲，並且是按年購買license。如果您有一定的資金，可以購買它們。它們真的非常優秀。其中，如果讀者開發Cesium的過程中，后端選型是PHP，那么可以使用PHPStrom；如果后端選型是Java，那么可以使用IntelliJ IDEA；如果只是需要開發Web前端的代碼，有一個比較好配置電腦，可以接受付費，那么可以使用WebStorm。有句老話叫：“便宜沒好貨，好貨不便宜”，賣這么貴，是因為它們真的很好用。
Visual Studio Code （VSCode）(For Windows and Mac)

價格：免費

下載地址：https://code.visualstudio.com/

GitHub地址：https://github.com/Microsoft/vscode

開啟速度：快速

操作系統：Windows/Mac

便宜真的沒好貨么？並不是，向大家隆重介紹，宇宙最強IDE VSCode。在MSRA實習的時候，就一直在想Visual Studio可以做得那么優秀，那么有沒有能在前端使用的類似於Visual Studio的優秀的IDE。有的，Microsoft的親兒子，免費開源跨平台的Visual Studio Code來了。不得不說，Microsoft這幾年在擁抱開源方面確實做了很多。
```
Free. Built on open source. Runs everywhere.
```
VScode 不僅可以用來開發前端，也可以用來開發Java、PHP、C++、Python…

插件官網：https://marketplace.visualstudio.com

VScode在各個方面並不比WebStorm遜色。VSCode擁有非常好的插件生態。具有一個優秀IDE應該有的各種功能特性：智能提示、前端支持、自動修復（插件）、Git/GitHub集成（GitLens）、歷史記錄（Local History）、代碼檢查（Code Spell Checker）、主題配色等。