幾款好用的前端開發編輯器推薦安利
目錄
- 一，VSCode
- 二，Sublime Text!
- 三，webStrom
- 四http://www.cppcns.com，Atom
- 五，Brackets
- 六，HBuilder
- 七，CodePen
- 八，run
一，VSCode
微軟出廠的高顏值編輯器
VSCode官網
1.載入大檔案幾乎秒開，執行速度很快
2.跨平臺的文字編輯器，內建了對許多主流語言的支援
3.非常方便的管理外掛，可以快速找到適合自己的前端外掛
4.完全免費（非常推薦）
二，Sublime Text!
Sublime Text 是一個文字編輯器（收費軟體，可以無限期試用，但是會有啟用提示彈窗），同時也是一個先進的程式碼編輯器。Sublime Text是由程式設計師Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴充套件功能的Vim。
是款比較主流的前端編輯器體積非常小，執行速度特別快非常強大的命令面板功能，可以模糊匹配命令HTML和散文先進的文字編輯器。Sublime Text 3漂亮的使用者介面和強大的功能，例如：拼寫檢查，書籤，完整的 API ， Goto 功能，即時專案切換，多選擇，多視窗等等。同時支援Windows、、Mac OS X等。。
三，webStrom
WebStorm 是JetBrains公司旗下一款 開發工具。已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的Script IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
webStrom官網
集成了許多強大的功能快速查詢檔案，快速搜尋對js的開發全面支援，對主流行語言的支援集成了多版本版本控制工具
四，Atom
Atom中文網
專門為程式設計師推出的一個跨平臺文字編輯器支援，HTML，JavaScript等語言自動完成分屏功能，集成了檔案管理器。常用於web 開發
五，Brackets
Brackets是一款輕巧但功能強大的現代文字編輯器。Brackets 非常適合前端人員使用，該編輯器可以實時預覽效果，讓你一邊編輯一邊檢視輸出效果，非常直觀。
Brackets官網
1.快速編輯
在你編輯HTML的CSS樣式時不用再單獨開啟一個頁籤編輯CSS，可以直接編輯，避免頁籤之間的來回切換，提高了編輯效率
2.實時預覽
Brackets中內建了一個webswww.cppcns.comerver，點選右上角閃電⚡符號，brackets會啟動內建伺服器，並啟動chrome瀏覽器開啟工作目錄下被選中的檔案。
3.支援
Brackets中的內建LSP（ 語言伺服器協議）支援為許多開發人員開放了對PHP，Python等語言的支援。並啟用諸如程式碼完成，診斷，跳轉到定義等功能。
六，HBuilder
HBuilder是DCloud（數字天堂）推出的一款支援HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse，所以順其自然地相容了Eclipse的外掛。
HBuilder官網
快，是HBuilder的最大優勢，通過完整的語法提示和程式碼輸入法、程式碼塊等，大幅提升HTML、js、css的開發效率。秒開大檔案提供比其他工具更優秀的支援大幅提升你的vue開發效率HX是唯一一個新建檔案預設型別是markdown的編輯器，也是對md支援最強的編輯器，你甚至可以直接貼上表格、圖片進來。一流的ast語法分析能力語法提示精準、全面、細緻，轉到定義、重構完善
七，CodePen
有時我們需要除錯一些前端程式碼（無論是 html、css，還是 js），或者要製作一個 demo 分享給他人。這些都可以藉助 CodePen 這個來實現。
CodePen官網
即時預覽。我們甚至可以本地修改並即時預覽別人的作品。支援多種主流前處理器。快速新增外部資原始檔。只需在輸入框裡輸入庫名， CodePen 就會從 cdnjs 上尋找匹配的 css 或 js 庫。免費建立模板。支援建立三個模板，不是每個作品都需要從白板開始。優秀的外嵌體驗。在 WordPress 或 Reddit 等支援 oEmbed 的平臺上，只要簡單地把連結貼入編輯框，釋出後會自動轉為嵌入作品。
八，runJs
這是國內一個很讚的線上編輯器
runJs官網
RunJS 是一個線上的 HTML、Javascript、CSS 等 web 前端程式碼的編輯分享平臺，擁有實時預覽、高亮顯示GlguGX、程式碼格式化等功能，我們提供 OSChina、微博、qq、github、google、yahoo、hotmail這七種登入方式，你只需要有七種任意GlguGX一個帳號就可以點選右上角的登 錄按鈕來立即體驗RunJS。
以上就是幾款好用的前端編輯器安利的詳細內容，更多關於前端編輯器的資料請關注我們其它相關文章！