Web前端開發工具

發表時(shí)間：2019-5-30

發布人(rén)：融晨科技

浏覽次數：76

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

1、HBuilder、HBuilderX（下載地(dì / de)址http://www.dcloud.io/）

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

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

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

2、Editplus

（1）介紹：EditPlus是(shì)一款由韓國(guó) Sangil Kim 出(chū)品的(de)小巧但是(shì)功能強大(dà)的(de)可處理文本、HTML和(hé / huò)程序語言的(de)Windows編輯器，是(shì)一個(gè)超級小巧的(de)IDE。沒有代碼提示功能，隻有語法高亮。

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

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

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

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

（3）适合開發環境：所有。學習TypeScript時(shí)，語言本身之(zhī)所以(yǐ)很強大(dà)，其實離不(bù)開的(de)是(shì)它的(de)最強IDE。

附小技巧：

1、中文安裝方法：點擊圖中紅圈，在(zài)上(shàng)面搜索“Chinese”，安裝後重啓即可，官方中文漢化。