【乾貨】前端開發者最常用的六款IDE

【乾貨】前端開發者最常用的六款IDE

來自專欄互聯網乾貨4 人贊了文章

一、Visual Studio Code

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

功能介紹：

微軟在2015年4月30日Build 開發者大會上正式宣布了 Visual Studio Code 項目：一個運行於 Mac OS X、Windows和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平台源代碼編輯器。

Visual Studio Code軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。

二、hbuilder

下載地址：http://www.dcloud.io/

功能介紹：

前端開發小白入門首選，hbuilder是國產的一款前端開發工具而且是免費的，對於英語不好的前端工程師是一個不錯的消息。

優點是有強大的其他語言支持和開發webapp等功能，強大到沒朋友。在語法提示、轉到定義、重構、調試等方面都非常高效。缺點也是有一些的，就是其有些穩定，有時可能會有些卡頓的現象，希望官方修復。

三、sublime text3

下載地址：http://www.sublimetext.com/

功能介紹：

sublime text是一個輕量級的編輯器，也是支持各種編程語言，sublime text所有的強大功能都是支持插件的，而且快捷鍵十分的好用，可以極大的減少開發的勞動程度，使用sublime就是要使用其快捷鍵和插件。

sublime text3的優點的輕量級但是功能強大，優雅小巧啟動速度快，有著豐富的第三方支持，能夠滿足各種各樣的擴展缺點是對於項目的管理等不是很方便，但代碼提示不如hubuilder強大。

四、WebStorm

下載地址：https://www.jetbrains.com/webstorm/

功能介紹：

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。官方提供的插件支持，滿足許多不會配置的同學，ESlint，詞法高亮，emmet，CSS預處理器，新版本也添加了對ES6的支持，內建了伺服器調試。

目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

五、Atom

下載地址：https://atom.io/

功能介紹：

Atom 是github專門為程序員推出的一個跨平台文本編輯器。平易近人,但可刪節的核心工具定製做任何事,也可以使用有效不沾一個配置文件。為開源而生。

具有簡潔和直觀的圖形用戶界面，並有很多有趣的特點：支持CSS，HTML，JavaScript等網頁編程語言。它支持宏，自動完成分屏功能，集成了文件管理器。

六 ：Dreamweaver CC 2017

下載地址：https://www.adobe.com/products/dreamweaver.html

功能介紹：

老牌的IDE ，曾經以PS+DW+FW稱霸網頁領域，號稱網頁三劍客，然而之前的版本更新較慢，版本陳舊，已經滿足不了廣大前端開發者的項目需求，逐漸被市場淘汰。

好在2017版本及時修正，外觀、界面、語法高亮等已經很漂亮，並且添加了CSS預處理器支持，同時保留了部分預製組件，方便對語法還不熟悉的同學，對於不會node的同學也有提供實時預覽，適合對前端有進一步了解的同學。

原文作者：祈澈姑娘技術博客：https://www.jianshu.com/u/05f416aefbe1

90後前端妹子，愛編程，愛運營，愛折騰。

堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

文末福利：關注「編程微刊」公眾號 ，在微信後台回復「領取資源」，獲取IT資源300G乾貨大全。公眾號回復「1」，拉你進程序員技術討論群。

推薦閱讀：