一、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
功能介紹：
前端開發小白入門首選，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”，拉你進程序員技術討論群