本文僅代表博主自己觀點(diǎn)，希望對大家有所幫助。（只推薦以下三款，其余不推薦使用）

1、HBuilder、HBuilderX（下載地址http://www.dcloud.io/）

（1）介紹：入門首推這兩款工具。高?？赡芤灿泻芏嗬蠋熓褂眠@兩款教授學(xué)生。區(qū)別在于HBuilderX更加輕量，是HBuilder的下一代版本（Hbuilder已經(jīng)停止更新維護(hù)），其壓縮包大小僅10幾M，通過自定義插件的安裝來適應(yīng)自己開發(fā)的需要，如git插件等。缺點(diǎn)是對各種框架的語法支持不是很好。

（2）優(yōu)勢：軟件由C++開發(fā)，性能自然強(qiáng)大。輕量，能夠秒開文件，工具內(nèi)置瀏覽器。

（3）適合開發(fā)環(huán)境：H5 APP開發(fā)，單頁面SPA開發(fā)等。但不推薦Node開發(fā)，對Node語法支持（express框架等）不是很友好。

2、Editplus

（1）介紹：EditPlus是一款由韓國 Sangil Kim 出品的小巧但是功能強(qiáng)大的可處理文本、HTML和程序語言的Windows編輯器，是一個(gè)超級小巧的IDE。沒有代碼提示功能，只有語法高亮。

（2）優(yōu)勢：速度最快，適合快速查看代碼

3、Visual Studio Code（下載地址：https://code.visualstudio.com/）

（1）介紹：微軟推出的良心之作。是一款免費(fèi)開源的現(xiàn)代化輕量級代碼編輯器，支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補(bǔ)全、自定義快捷鍵、括號匹配和顏色區(qū)分。

（2）優(yōu)勢：軟件界面優(yōu)美，由于是開源軟件，社區(qū)有很多自帶主題可選，甚至可以自定義背景圖片，具體方法參照我的另一篇博客https://mp.csdn.net/postedit/90704344。自帶git、終端很強(qiáng)大，配合插件，終端可以連接遠(yuǎn)程Linux客戶端。

（3）適合開發(fā)環(huán)境：所有。學(xué)習(xí)TypeScript時(shí)，語言本身之所以很強(qiáng)大，其實(shí)離不開的是它的最強(qiáng)IDE。

附小技巧：

1、中文安裝方法：點(diǎn)擊圖中紅圈，在上面搜索“Chinese”，安裝后重啟即可，官方中文漢化。

2、快速生成HTML文檔：新建的HTML文檔沒有任何模板代碼，這時(shí)需要輸入英文的感嘆號!，然后回車，即可快速生成H5文檔模板。

3、前端開發(fā)推薦插件（ctrl+shift+x搜索即可）

JavaScript (ES6) code snippets ：快速生成ES6代碼；

Live Server：在HTML文件右鍵open即可開啟熱更新服務(wù)器；

vetur：vue開發(fā)必備