一，VSCode

微軟出廠的高顏值編輯器
VSCode官網(wǎng)

1.加載大文件幾乎秒開(kāi)，運(yùn)行速度很快
2.跨平臺(tái)的文本編輯器，內(nèi)置了對(duì)許多主流語(yǔ)言的支持
3.非常方便的管理插件，可以快速找到適合自己的前端插件
4.完全免費(fèi)（非常推薦）

二，Sublime Text!

Sublime Text 是一個(gè)文本編輯器（收費(fèi)軟件，可以無(wú)限期試用，但是會(huì)有激活提示彈窗），同時(shí)也是一個(gè)先進(jìn)的代碼編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開(kāi)發(fā)出來(lái)，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。
Sublime Text!官網(wǎng)

是款比較主流的前端編輯器體積非常小，運(yùn)行速度特別快非常強(qiáng)大的命令面板功能，可以模糊匹配命令HTML和散文先進(jìn)的文本編輯器。Sublime Text 3漂亮的用戶(hù)界面和強(qiáng)大的功能，例如：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。同時(shí)支持Windows、Linux、Mac OS X等操作系統(tǒng)。。

三，webStrom

WebStorm 是JetBrains公司旗下一款JavaScript 開(kāi)發(fā)工具。已經(jīng)被廣大中國(guó)JS開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。

webStrom官網(wǎng)

集成了許多強(qiáng)大的功能快速查找文件，快速搜索對(duì)js的開(kāi)發(fā)全面支持，對(duì)主流行語(yǔ)言的支持集成了多版本版本控制工具

四，Atom

Atom中文網(wǎng)

github專(zhuān)門(mén)為程序員推出的一個(gè)跨平臺(tái)文本編輯器支持CSS，HTML，JavaScript等網(wǎng)頁(yè)編程語(yǔ)言自動(dòng)完成分屏功能，集成了文件管理器。常用于web 開(kāi)發(fā)

五，Brackets

Brackets是一款輕巧但功能強(qiáng)大的現(xiàn)代文本編輯器。Brackets 非常適合前端人員使用，該編輯器可以實(shí)時(shí)預(yù)覽效果，讓你一邊編輯一邊查看輸出效果，非常直觀。
Brackets官網(wǎng)

1.快速編輯
在你編輯HTML的CSS樣式時(shí)不用再單獨(dú)打開(kāi)一個(gè)頁(yè)簽編輯CSS，可以直接編輯，避免頁(yè)簽之間的來(lái)回切換，提高了編輯效率

2.實(shí)時(shí)預(yù)覽
Brackets中內(nèi)置了一個(gè)webserver，點(diǎn)擊右上角閃電⚡符號(hào)，brackets會(huì)啟動(dòng)內(nèi)置服務(wù)器，并啟動(dòng)chrome瀏覽器打開(kāi)工作目錄下被選中的文件。

3.PHP支持
Brackets中的內(nèi)置LSP（ 語(yǔ)言服務(wù)器協(xié)議）支持為許多開(kāi)發(fā)人員開(kāi)放了對(duì)PHP，Python等語(yǔ)言的支持。并啟用諸如代碼完成，診斷，跳轉(zhuǎn)到定義等功能。

六，HBuilder

HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫(xiě)用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫(xiě)。它基于Eclipse，所以順其自然地兼容了Eclipse的插件。
HBuilder官網(wǎng)

快，是HBuilder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開(kāi)發(fā)效率。秒開(kāi)大文件提供比其他工具更優(yōu)秀的vue支持大幅提升你的vue開(kāi)發(fā)效率HX是唯一一個(gè)新建文件默認(rèn)類(lèi)型是markdown的編輯器，也是對(duì)md支持最強(qiáng)的編輯器，你甚至可以直接粘貼表格、圖片進(jìn)來(lái)。一流的ast語(yǔ)法分析能力語(yǔ)法提示精準(zhǔn)、全面、細(xì)致，轉(zhuǎn)到定義、重構(gòu)完善

七，CodePen

有時(shí)我們需要調(diào)試一些前端代碼（無(wú)論是 html、css，還是 js），或者要制作一個(gè) demo 分享給他人。這些都可以借助 CodePen 這個(gè)網(wǎng)站來(lái)實(shí)現(xiàn)。
CodePen官網(wǎng)

即時(shí)預(yù)覽。我們甚至可以本地修改并即時(shí)預(yù)覽別人的作品。支持多種主流預(yù)處理器?？焖偬砑油獠抠Y源文件。只需在輸入框里輸入庫(kù)名， CodePen 就會(huì)從 cdnjs 上尋找匹配的 css 或 js 庫(kù)。免費(fèi)創(chuàng)建模板。支持創(chuàng)建三個(gè)模板，不是每個(gè)作品都需要從白板開(kāi)始。優(yōu)秀的外嵌體驗(yàn)。在 WordPress 或 Reddit 等支持 oEmbed 的平臺(tái)上，只要簡(jiǎn)單地把鏈接貼入編輯框，發(fā)布后會(huì)自動(dòng)轉(zhuǎn)為嵌入作品。

八，runJs

這是國(guó)內(nèi)一個(gè)很贊的在線(xiàn)編輯器
runJs官網(wǎng)

RunJS 是一個(gè)在線(xiàn)的 HTML、Javascript、CSS 等 web 前端代碼的編輯分享平臺(tái)，擁有實(shí)時(shí)預(yù)覽、高亮顯示、代碼格式化等功能，我們提供 OSChina、微博、qq、github、google、yahoo、hotmail這七種登錄方式，你只需要有七種任意一個(gè)帳號(hào)就可以點(diǎn)擊右上角的登 錄按鈕來(lái)立即體驗(yàn)RunJS。

以上就是幾款好用的前端編輯器安利的詳細(xì)內(nèi)容，更多關(guān)于前端編輯器的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論