① 前端常用的幾種在線代碼編輯器各有什麼優勢
JS Bin - Collaborative JavaScript Debugging
介紹一款在線編輯器：jsbin jsbin的用法
優點：不需要登錄，即發即預覽
缺點：速度不靠譜
RunJS - 在線編輯、展示、分享、交流你的 JavaScript 代碼
優點：國內訪問速度快，可以上傳圖片(左下角)
缺點：需要登錄，用戶名
Create a new fiddle
優點：功能強大，歷史記錄給力，缺點：訪問速度慢
② web前端開發用什麼編輯工具好
前端開發常用的開發工具
基礎人員編輯工具：Editplus，text
中級編輯工具：sublime，HBulider
高級編輯工具：websorm，VSCode
工欲善其事，必先利其器。一個好的編輯器，往往能幫助開發人員提高編碼效率。
③ 前端開發常用哪些工具軟體
前端開發的編譯器在選擇上還是很多的。在學校里，老師主要講三個前端開發軟體：
1、WebStorm
幫助編寫HTML、CSS、Less、Sass和Stylus代碼，並且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。但是付費軟體。
2、IntelliJ idea
頁面很簡單，乍一看像是一個記事本，它也確實可以當記事本用。有很多特色插件可以使用，支持多種編程語言的語法高亮顯示，具有代碼折疊功能。
2、HBuilderX
HBuilderX是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。是HBuilder下一代版本，具有輕便、適合vue框架的特點。
④ 前端用什麼編輯器
高效的Web前端開發工具：
1、Prettier Playground
Prettier是一個代碼格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，並且將其替換為遵循最佳運行方式的、標準的一致樣式。如此便捷的工具在我們的編輯器中十分流行，與此同時它還有一個線上版本，可以在線完成對代碼格式的修正。
2、EnjoyCSS
運用CSS，非常簡單的工具就是遇到困難時的救星。EnjoyCSS可以讓你通過簡單的UI設計你的元素，並且提供相關的CSS輸出。
3、StackBlitz
根據Chime Nnamdi顯示，StackBlitz是每名使用者都很喜歡的一款在線編輯工具。最重要的一點就是，它將IDE引入了web——Visual Studio Code中。只要在StackBlitz中點擊一下，你就可以設置Angular、React、Ionic、TypeScript、RxJS、Svelte以及其他JavaScript框架。由於它的操作十分便捷，在打開StackBlitz後的五秒之內，你就可以開始編輯代碼了。
StackBlitz十分好用，尤其在嘗試簡化代碼片段或在線資料庫方面，你可能沒有時間從頭開始創建新的項目，而只是嘗試新的功能。而通過StackBlitz不需要創建新的項目就可以在短短幾分鍾內試用新的NPM軟體包。
4、Postman
Postman就一直在我的開發人員工具集中。它在後端檢查GET、POST、DELETE、OPTIONS和PUT在內的一系列端點這方面，起到了非常顯著的作用。
5、CanIUse
CanlUse非常的簡便，可以幫你弄清楚期望實現的功能，是否與你使用的瀏覽器兼容。很多開發者都會遇到瀏覽器的兼容問題，在這個瀏覽器上可以正常使用的，但換一個瀏覽器就不支持了。
6、Bit.dev
一個軟體開發的基本原則就是代碼的可重復使用性，它確保你可以減少開發量，而不需要去從頭構建組件。這確實是Bit.dev可以做到的，它允許共享可重復使用代碼片段和組件，從而減少開銷，並且加快你的開發進程。Bit.dev還允許在團隊之間共享組件，讓你的團隊可以與其他團隊進行協作。
以上就是今天為大家分享的Web前端開發常用的6款提高工作效率的開發工具。大家要是想提供自己的工作效率，現在就趕緊用起來吧！
⑤ 了解主流的前端開發編輯工具至少3種 ,寫出其各自優缺點
vscode：
微軟出廠的高顏值編輯器
載入大文件幾乎秒開，運行速度很快
跨平台的文本編輯器，內置了對許多主流語言的支持
非常方便的管理插件，可以快速找到適合自己的前端插件
完全免費（非常推薦）
webstorm
集成了許多強大的功能
快速查找文件，快速搜索
對js的開發全面支持，對主流行語言的支持
集成了多版本版本控制工具
HBuilder X（免費）
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。 [
HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
它基於Eclipse，所以順其自然地兼容了Eclipse的插件。
⑥ Vue 前端可視化活動編輯器
先看效果，為一個可視化活動編輯器。
基於 JSON Schema 開箱即用的簡單活動可視化編輯器。
在做生成一個可視化店鋪裝修系統的時候，需要解決配置數據表單的通用性，參閱了一些現用的解決方案，最終通過 JSON Schema 來生成對應的表單和校驗規則。
JSON Schema 主要運用在如下幾點：
首先可視化編輯器需要做到板塊的管理，這些板塊支持可視化的編輯配置和效果展示，最終相互組裝為一個頁面。
每個板塊我們不可避免的需要一個 View組件 來做展示，因為每個板塊都長得不一樣。板塊配置表單和數據校驗都通過 JSON Schema 來實現，然後再通過一個拖動的容器來承載這些板塊以及一些其它的數據配置。
如下圖：
這樣當我們在添加新的板塊時，只需要開發一個 View組件 ，和書寫一份 JSON Schema 來定義數據即可。
添加新的板塊只需要在 config/tools.js 導入新增的板塊，並且配置好工具欄即可，如：
新增板塊文件結構如下：( viewComponents/FlashSaleGoodsList/index.js 這里對應上面工具欄配置導入的組件包文件)
導出模塊解釋如下：
如果需要更多 vue-json-schema-form 參數可直接在 packages/demo/src/vue-editor/views/editor/Editor.vue 渲染 VueElementForm 組件時添加即可。
整個實現相對比較簡單，感興趣的可以花上兩個小時看下源碼，歡迎討論提問。
⑦ 最好用的文本編輯器是什麼前端開發用的
現在市場上很多的編程軟體，對於經常使用文本編輯器的朋友可能都有感悟，系統自帶的文本編輯器—記事本，功用較弱，運用起來及其不便當。
Notepad++，因為它占據的電腦內存小，而且易於上手這是我用過的最好用的文本編輯器，是一款開源、小巧、免費的純文本編輯器。缺點是界面切換和整體視覺體驗會比較差。
vim和emacs的選擇當然不錯，但是學習成本高，為什麼呢？入門門檻高，一般工作用不推薦。
PNEdit 是一個類似於Vi的功能多樣、用戶可定製的文本編輯器，在Vi的基礎上改進和增加了很多特性。這款我個人喜歡，功能齊全，門檻不高。
PNEdit文本編輯器中集成了目錄瀏覽界面、高級編輯工具、高級搜索工具、編輯狀態緩沖、編輯字元緩沖、編輯文件緩沖和編輯內容標記等應用插件以擴展文本編輯功能。"
⑧ 前端常用的幾種在線代碼編輯器各有什麼優勢
JS Bin - Collaborative JavaScript Debugging
介紹一款在線編輯器：jsbin jsbin的用法
優點：不需要登錄，即發即預覽
缺點：速度不靠譜
RunJS - 在線編輯、展示、分享、交流你的 JavaScript 代碼
優點：國內訪問速度快，可以上傳圖片(左下角)
缺點：需要登錄，用戶名
Create a new fiddle
優點：功能強大，歷史記錄給力，缺點：訪問速度慢