本文(wén)僅代表博主自己觀點，希望對大家有所幫助。（隻推薦以下(xià)三款，其餘不推薦使用）

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

（1）介紹：入門首推這兩款工具。高校(xiào)可(kě)能也有很多老師(shī)使用這兩款教授學生。區别在于HBuilderX更加輕量，是HBuilder的下(xià)一代版本（Hbuilder已經停止更新維護），其壓縮包大小僅10幾M，通(tōng)過自定義插件的安裝來适應自己開發的需要，如(rú)git插件等。缺點是對各種框架的語法支持不是很好。

（2）優勢：軟件由C++開發，性能自然強大。輕量，能夠秒開文(wén)件，工具内置浏覽器(qì)。

（3）适合開發環境：H5 APP開發，單頁面SPA開發等。但不推薦Node開發，對Node語法支持（express框架等）不是很友好。

2、Editplus

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

（2）優勢：速度最快，适合快速查看代碼

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

（1）介紹：微軟推出的良心之作。是一款免費開源的現代化輕量級代碼編輯器(qì)，支持幾乎所有主流的開發語言的語法高亮(liàng)、智能代碼補全、自定義快捷鍵、括号匹配和(hé)顔色區分。

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

（3）适合開發環境：所有。學習TypeScript時，語言本身之所以很強大，其實離(lí)不開的是它的最強IDE。

附小技巧：

1、中(zhōng)文(wén)安裝方法：點擊圖中(zhōng)紅圈，在上面搜索“Chinese”，安裝後重啟即可(kě)，官方中(zhōng)文(wén)漢化。

2、快速生成HTML文(wén)檔：新建的HTML文(wén)檔沒有任何模闆代碼，這時需要輸入英文(wén)的感歎号!，然後回車(chē)，即可(kě)快速生成H5文(wén)檔模闆。

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

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

Live Server：在HTML文(wén)件右鍵open即可(kě)開啟熱更新服務器(qì)；

vetur：vue開發必備