① 前端常用的几种在线代码编辑器各有什么优势
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
优点：功能强大，历史记录给力，缺点：访问速度慢