前端集成開發工具軟件簡稱“IDE”，是編寫前端代碼的編輯器，選一款適合自己，自己用的舒服，高效完成前端工作的編輯器尤爲重要，下面，我將爲各位同學介紹幾款常見的開發工具。
1、HBuilder X
功能簡介：HBuilder X是專爲前端打造的開發工具，是輕如編輯器、強如IDE的合體版本，特點是啓動速度快，編碼提示極速響應，快捷鍵生成代碼塊、最全的語法庫和瀏覽器兼容數據、可以方便的製作跨平臺手機APP、小程序，最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、Vue的快速開發、Markdown的編寫，從開放註冊以來深受廣大前端朋友們的喜愛。
2、Visual Studio Code
功能介紹：
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟件功能非常強大，體積小，界面簡潔明晰、主題多，可以下載各種插件，而且插件非常多，操作方便快捷，設計得很人性化。軟件主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
3、WebStorm
功能介紹：
WebStorm 是公Jetbrains司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
必須要搭配的瀏覽器工具有兩款：IE與谷歌，由於IE系統自帶，所以必須要安裝一款谷歌瀏覽器。
切圖軟件最佳的還是PS，切圖精度高，圖片質量好。
我用的是HBuilder X做前端項目，之後帶大家做的商業實戰項目，也是用HBuilder X作爲開發工具，因爲我認爲HBuilder X更接地氣，一套代碼可以覆蓋多個終端，跨平臺開發是我最看中的功能，尤其是對vue的支持更符合項目需要，開源免費，開箱即用，啓動速度快，總體簡單方便高效。我推薦大家跟我用一樣的開發工具，方便我爲大家看代碼排錯。
