一，VSCode
微軟出廠的高顏值編輯器
VSCode官網
1.加載大檔案幾乎秒開，運行速度很快
2.跨平臺的文本編輯器，內置了對許多主流語言的支持
3.非常方便的管理插件，可以快速找到適合自己的前端插件
4.完全免費（非常推薦）
二，Sublime Text!
Sublime Text 是一個文本編輯器（收費軟體，可以無限期試用，但是會有激活提示彈窗），同時也是一個先進的代碼編輯器，Sublime Text是由程式員Jon Skinner于2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim，
Sublime Text!官網
- 是款比較主流的前端編輯器
- 體積非常小，運行速度特別快
- 非常強大的命令面板功能，可以模糊匹配命令
- HTML和散文先進的文本編輯器，Sublime Text 3漂亮的用戶界面和強大的功能，例如：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時專案切換，多選擇，多視窗等等，同時支持Windows、Linux、Mac OS X等作業系統，，
三，webStrom
WebStorm 是JetBrains公司旗下一款JavaScript 開發工具，已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等，與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能，
webStrom官網
- 集成了許多強大的功能
- 快速查找檔案，快速搜索
- 對js的開發全面支持，對主流行語言的支持
- 集成了多版本版本控制工具
四，Atom
Atom中文網
- github專門為程式員推出的一個跨平臺文本編輯器
- 支持CSS，HTML，JavaScript等網頁編程語言
- 自動完成分屏功能，集成了檔案管理器，
- 常用于web 開發
五，Brackets
Brackets是一款輕巧但功能強大的現代文本編輯器，Brackets 非常適合前端人員使用，該編輯器可以實時預覽效果，讓你一邊編輯一邊查看輸出效果，非常直觀，
Brackets官網
- 快速編輯
在你編輯HTML的CSS樣式時不用再單獨打開一個頁簽編輯CSS，可以直接編輯，避免頁簽之間的來回切換，提高了編輯效率 - 實時預覽
Brackets中內置了一個webserver，點擊右上角閃電?符號，brackets會啟動內置服務器，并啟動chrome瀏覽器打開作業目錄下被選中的檔案，
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE，HBuilder的撰寫用到了Java、C、Web和Ruby，HBuilder本身主體是由Java撰寫，它基于Eclipse，所以順其自然地兼容了Eclipse的插件，
HBuilder官網
- 快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率，
- 秒開大檔案
- 提供比其他工具更優秀的vue支持大幅提升你的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 前端代碼的編輯分享平臺，擁有實時預覽、高亮顯示、代碼格式化等功能，我們提供 OSChina、微博、qq、github、google、yahoo、hotmail這七種登錄方式，你只需要有七種任意一個帳號就可以點擊右上角的登 錄按鈕來立即體驗RunJS，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/312146.html
標籤：其他
上一篇：javascript常用函式
下一篇：2021-10-13