一、Visual Studio Code

功能介紹：

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

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

二、hbuilder

功能介紹：

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

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

三、sublime text3

功能介紹：

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

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

四、WebStorm

功能介紹：

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

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

五、Atom

功能介紹：

Atom 是github專門為程式設計師推出的一個跨平臺文字編輯器。平易近人,但可刪節的核心工具定製做任何事,也可以使用有效不沾一個配置檔案。為開源而生。

具有簡潔和直觀的圖形使用者介面，並有很多有趣的特點：支援CSS，HTML，JavaScript等網頁程式語言。它支援巨集，自動完成分屏功能，集成了檔案管理器。

六 ：Dreamweaver CC 2017

功能介紹：

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

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

原文作者：祈澈姑娘技術部落格：https://www.jianshu.com/u/05f416aefbe190後前端妹子，愛程式設計，愛運營，愛折騰。堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

關注「程式設計微刊」公眾號 ，在微信後臺回覆「領取資源」，獲取IT資源300G乾貨大全。公眾號回覆“1”，拉你程序序員技術討論群