在瀏覽器端組織 JS 代碼的魔法工具、精選 VS Code 插件、2021 考慮的 10 種最佳 IDE 軟件 | 思否技術(shù)周刊
值班編輯：袁鈺涵
溫馨提示：本文包含大量外部鏈接，墻裂建議小伙伴們點擊 “閱讀原文“ 進(jìn)行閱讀。:)
IDE —— 可稱為管理工具的工具箱，用于程序開發(fā)環(huán)境的應(yīng)用程序，一般包括代碼編輯器、編譯器、調(diào)試器和圖形用戶界面工具，人們常說：沒有最佳的 IDE，只有最適合你的 IDE，今日給大家整理一個與 IDE 使用相關(guān)的工具合集，希望對您有幫助~
選擇一個IDE完全取決于您正在開發(fā)的程序類型，選擇的編程語言以及所使用的硬件類型。
1、集成多種地理信息編碼服務(wù)的神器
GeoPy 是一款提供了不同地理編碼服務(wù)實現(xiàn)的 Python 庫，可讓開發(fā)者使用第三方地理編碼服務(wù)和其他數(shù)據(jù)源，輕松地在全球范圍內(nèi)定位坐標(biāo)。
在日常開發(fā)工作中，對于地理信息編碼功能，我們可以找到許多不同的第三方服務(wù)，比如 OpenStreetMap Nominatim，Google Geocoding API 等，但在對接不同的服務(wù)時，需要按照各自的開發(fā)文檔做很多定制且冗余的工作。
想象一下，如果有一個開源且免費的庫，可以同時集成多種地理信息編碼服務(wù)，是不是非常的簡潔？geopy 就是這么一款神器。
geopy 是一款免費開源的庫，在單個包中為許多不同地理編碼服務(wù)提供了實現(xiàn)，從而避免了直接對接不同地理編碼服務(wù)的 API，簡化了代碼的邏輯。
如圖，geopy 相當(dāng)于一個代理，讓我們方便地對接第三方地理編碼 API。需要注意的是不同的服務(wù)有不同的使用條款、配額、定價、地理數(shù)據(jù)等等，所以在使用過程中具體地理編碼服務(wù)無法完成某些查詢，或在計算機(jī)與地理編碼服務(wù)間出現(xiàn)的任何網(wǎng)絡(luò)問題，和 geopy 都是無關(guān)的。
開源地址
https://github.com/geopy/geopy
文章地址：
https://segmentfault.com/a/1190000039295688?utm_source=tag-newest
2、直接在瀏覽器端組織 JS 代碼的魔法工具
Browserify 是一個開源的 JavaScript 工具，它可以讓你像在 node 中那樣，在瀏覽器中也可以使用 require('module') 來加載模塊。換句話說，它可以讓服務(wù)端的 CommonJs 的模塊運行在瀏覽器端。
開源地址：
https://github.com/browserify/browserify
文章地址：
https://segmentfault.com/a/1190000039289212?utm_source=tag-newest
3、精選高頻 VS Code插件，讓你多陪陪npy！
1.TODO Highlight
高亮顯示你的 TODO、FIXME，支持自定義關(guān)鍵字和外觀，可以起到良好的提示作用。
2.Vetur + Prettier + ESLint
解決沖突后配合使用完美格式化代碼，能交給機(jī)器做的一定要學(xué)會偷懶。
3.Highlight Matching Tag
實時高亮匹配標(biāo)簽，不用在 HTML 中眼花繚亂的找標(biāo)簽了。
4.javascript console utils
快速生成 console.log() ，調(diào)試?yán)?，媽媽再也不用?dān)心你的指關(guān)節(jié)。
5.Code Runner
一鍵運行代碼，支持很多語言。
6.Comment Translate
插件使用 Google Translate API 翻譯注釋，功能強大，在看開源項目源代碼的時候很有用(英文好的話請忽略)。
7.Image preview
圖片預(yù)覽，可以在代碼行號左側(cè)槽位(或hover時)預(yù)覽圖片。
8.Version Lens
顯示包版本信息，在 package.json 中顯示包最新版本等信息。
9.vscode-pigments
實時顯示css, sass, jsx中的顏色。
10.Auto Close Tag
自動補全標(biāo)簽。
11.Auto Rename Tag
同步修改標(biāo)簽。
12.Bracket Pair Colorizer
不同顏色高亮顯示匹配的括號。
13.Code Spell Checker
單詞拼寫檢查。
14.WakaTime
編程時間記錄工具，在它的官網(wǎng) Dashboard 中以圖形化方式展示你的編程時間，讓你更清晰的掌握你的時間都去哪了。
文章地址：
https://segmentfault.com/a/1190000038172358?utm_source=tag-newest
4、Python 最強 IDE 詳細(xì)使用指南！
PyCharm 可以為我們節(jié)省大量時間，它能夠管理代碼，并完成大量其他任務(wù)。
本文將介紹：
PyCharm 安裝 在 PyCharm 中寫代碼 在 PyCharm 中運行代碼 在 PyCharm 中進(jìn)行代碼 debug 和測試 在 PyCharm 中編輯已有項目 在 PyCharm 中搜索和導(dǎo)航 在 PyCharm 中使用版本控制 在 PyCharm 中使用插件和外部工具 使用 PyCharm Professional 功能，如 Django 支持和科學(xué)模式
文章地址： https://segmentfault.com/a/1190000023108129?utm_source=tag-newest
1. Visual Studio
優(yōu)點：多功能、多支持
Visual Studio 2019 擁有的功能包括 Visual Studio 即時分享; 人工智能輔助的 Intellisense，Intellicode 和 IntelliTrace; 代碼映射調(diào)試器集成；和 Azure Devops服務(wù)器集成。除了具有許多現(xiàn)成的功能外，它還擁有由 Microsoft 和 Visual Studio 用戶構(gòu)建的插件。
Visual Studio 完美地涵蓋了固態(tài) IDE 的所有基本功能，此外還提供免費的社區(qū)許可證，該許可證是開源的。
缺點：價格昂貴，重量級，不適合初學(xué)者
2. PhpStorm
優(yōu)點：可靠，強大，有著最先進(jìn)的功能
JetBrains 的 PhpStorm 是用于 Web 開發(fā)的終極 IDE。如同 JetBrains 所說：“ PhpStorm = WebStorm + PHP + DB / SQL”。
2020.3 版本提供了 PHP 8，PHPStan，詩篇，順風(fēng) CSS，和 Xdebug 3，其他功能包括內(nèi)置的智能代碼輔助，智能導(dǎo)航，特定語言的重構(gòu)，Visual Debugger，單元測試工具以及 2500 多個插件。
缺點：沒有免費版本，只有英文界面，系統(tǒng)要求高
3.Eclipse
優(yōu)點：自由活躍的開發(fā)者社區(qū)，低系統(tǒng)要求，多功能
Eclipse 主要是為 Java 開發(fā)人員構(gòu)建的，長期以來一直被認(rèn)為是頂級的免費 IDE?？梢允褂冒?Javascript，Rust，Php，C 和 C ++ 等測試和開發(fā)工具的軟件包對它進(jìn)行自定義 。
它提供了一個龐大的插件生態(tài)系統(tǒng) ，這使其具有極強的通用性，適用于各種開發(fā)項目。它還擁有活躍的開發(fā)者社區(qū)，與其他 IDE 相比，Eclipse 是輕量級的，并且沒有正式的最低系統(tǒng)要求。
缺點：插件不可靠，UI呆滯，大型項目出現(xiàn)問題
4. Netbeans
優(yōu)點：免費，社區(qū)驅(qū)動，可靠
Apache NetBeans 是一個免費的 IDE，工具平臺和應(yīng)用程序框架。它托管了一系列代碼編輯和重構(gòu)工具，以及強大的插件市場。
NetBeans 會定期更新。最近，其最新版本能支持 Java 15，并解決了macOS Big Sur 問題。
缺點：插件不可靠，高RAM使用率，過時的UI
5. IntelliJ IDEA
優(yōu)點：免費，完善的功能，舒適的用戶界面
IntelliJ IDEA 是用于 Java 開發(fā)的使用最廣泛的 IDE 之一。在 JetBrains 的支持下，它提供了智能完成，跨語言重構(gòu)，語言注入，Javascript 支持以及數(shù)據(jù)庫和 SQL 支持。
IntelliJ IDEA 免費提供社區(qū)許可證。此開源版本包括對 Java，Android 開發(fā)，Github 和調(diào)試工具的支持。
IntelliJ IDEA 還擁有完善的代碼完成系統(tǒng)，其中包括基本完成，第二基本完成，智能完成，第二智能完成和語句完成。
Intellij IDEA 的 UI 也被許多人認(rèn)可，比如提供“本地歷史記錄”而非需要使用者手動保存，無縫視角切換任務(wù)的無視角體驗，易于定制的工具窗口。
缺點：社區(qū)許可的功能有限，缺乏多任務(wù)處理功能，速度較慢
6. PyCharm
優(yōu)點：提供社區(qū)版本，許多功能
PyCharm 是 JetBrains 支持，特定于 Python 的 IDE。它支持用于 Web 開發(fā)的 Python 和用于科學(xué)開發(fā)的 Python。
其終極版提供了非常多功能，還有七個不同的 Python 網(wǎng)絡(luò)框架；遠(yuǎn)程開發(fā)和容器功能和SQL數(shù)據(jù)庫支持，擁有可用的 2400+ 插件。
缺點：價格高，缺乏社區(qū)特色，沉重
7.Code::Blocks 20.03
優(yōu)點：基本，免費，完善，可定制，輕便
Code :: Blocks 是一個免費的開放源代碼 IDE，主要為 C，C ++ 和 Fontran 構(gòu)建。
Code :: Blocks為其用戶提供了極大的自由，甚至在他們安裝程序之前。雖然某些 IDE 建議安裝二進(jìn)制發(fā)行版，但 Code :: Blocks 可以選擇下載源代碼并構(gòu)建自定義應(yīng)用程序，允許用戶在 Code :: Blocks 團(tuán)隊對其進(jìn)行調(diào)試時訪問版本。
Code :: Blocks沒有正式的最低系統(tǒng)要求，甚至可以在 Windows XP上運行。
開箱即用，它支持多個編譯器，調(diào)試工具（例如，全面的斷點支持或用戶定義的監(jiān)視）以及代碼編輯工具（例如，可自定義的語法突出顯示，代碼完成和智能縮進(jìn)）。
缺點：老式，不定期更新，缺乏 macOS 兼容性
8. Xcode 12
優(yōu)點：iOS 開發(fā)必不可少的工具
Xcode 是發(fā)布 Mac，iPhone，iPad，Apple TV 和 Apple Watch 應(yīng)用程序的基本工具包。Xcode 有著對 Swift 5.3，代碼編輯工具，多個編譯器，包括圖形調(diào)試的調(diào)試工具，測試工具以及對插件和基于 Mac 的 SDK 的支持。模擬器。
Xcode 最新版本 Xcode 12 適用于 iOS 14，iPadOS 14，tvOS 14，watchOS 7 和 macOS Big Sur 的 SDK。
缺點：對于蘋果開發(fā)至關(guān)重要，價格昂貴，缺乏定制功能，笨重
9. Aptana Studio 3
優(yōu)點：價格免費，使用簡單，系統(tǒng)要求低
Aptana Studio 3 是專為 Web 開發(fā)設(shè)計的基于 Eclipse 的 IDE。它簡單，免費，還擁有開發(fā)者社區(qū)。
它提供了 Web 開發(fā)所需的大多數(shù)工具，例如 HTML（最多5個），CSS 和 JavaScript 的代碼輔助；部署向?qū)В?，可以自動發(fā)布 Ruby on Rails 的應(yīng)用程序；集成調(diào)試器；Git 集成；內(nèi)置終端；以及自定義選項。
Aptana Studio 3 提供了許多其他 Web 開發(fā) IDE 可能需要訂閱的功能（例如PhpStorm 和 WebStorm）：支持 JavaScript 編輯器和庫，CSS 編輯器等。
缺點：對于初學(xué)者不直觀，沒有集中支持
10.Komodo
優(yōu)點：免費，多功能，輕便
Komodo 是 Active State 平臺的多語言 IDE，社區(qū)許可證對個人的使用是完全免費的。
Komodo IDE 包括智能代碼編輯功能，例如重構(gòu)，搜索和導(dǎo)航以及 XML 自動完成功能。它支持幾乎每種語言的語法突出顯示，并支持 Python，PHP，Perl，Tcl，Go，Ruby，Node.js，JavaScript，HTML 和 CSS 的智能編碼功能。它具有許多常規(guī)和特定于語言的調(diào)試功能，其中包括對 Python，PHP，Perl，Ruby，Node.js，Tcl，XSLT 和 Chrome 的支持。這些功能開源從圖形調(diào)試到多進(jìn)程調(diào)試，再到多線程調(diào)試。
還有用于 Python 和 PHP 的概要分析功能，數(shù)據(jù)庫功能以及用于 Python，PHP，Perl，Ruby，Node.js 和 Go 的單元測試。
對于尋求輕量級IDE 的用戶來說，它是理想的選擇。
缺點：昂貴的純英文用戶界面，缺少特定語言的功能
文章地址： https://hackernoon.com/10-best-ide-software-to-consider-in-2021-5l3033el
