前端的几种编辑器

·  阅读 2703

前端开发编辑器,对比优劣

  • 一,VSCode

    1.加载大文件几乎几秒开,运行速度很快

    2.跨平台的文本编辑器,内置了对许多主流语言的支持

    3.非常方便的管理插件,可以快速找到适合的前端插件

    4.完全免费

  • 二,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部分的功能。

    集成了许多强大的功能快速查找文件,快速搜索对js的开发全面支持,对主流行语言的支持集成了多版本控制工具。

  • 四,Atom

    github专门为程序员推出的一个跨平台文本编辑器支持CSS,HTML,JavaScript等网页编程语言自动完成分屏功能,集成了文件管理器。常用于web 开发

  • 五,Brackets

    Brackets是一款轻巧但功能强大的现代文本编辑器。Brackets 非常适合前端人员使用,该编辑器可以实时预览效果,让你一边编辑一边查看输出效果,非常直观。

    1.快速编辑 在你编辑HTML的CSS样式时不用再单独打开一个页签编辑CSS,可以直接编辑,避免页签之间的来回切换,提高了编辑效率。

    2.实时预览 Brackets中内置了一个webserver,点击右上角闪电⚡符号,brackets会启动内置服务器,并启动chrome浏览器打开工作目录下被选中的文件。

    3.PHP支持 Brackets中的内置LSP( 语言服务器协议)支持为许多开发人员开放了对PHP,Python等语言的支持。并启用诸如代码完成,诊断,跳转到定义等功能。

  • 六,HBuilder

    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。

    快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。秒开大文件提供比其他工具更优秀的vue支持大幅提升你的vue开发效率HX是唯一一个新建文件默认类型是markdown的编辑器,也是对md支持最强的编辑器,你甚至可以直接粘贴表格、图片进来。一流的ast语法分析能力语法提示精准、全面、细致,转到定义、重构完善。

  • 七,CodePen

    有时我们需要调试一些前端代码(无论是 html、css,还是 js),或者要制作一个 demo 分享给他人。这些都可以借助 CodePen 这个网站来实现。

    即时预览。我们甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。快速添加外部资源文件。只需在输入框里输入库名, CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。免费创建模板。支持创建三个模板,不是每个作品都需要从白板开始。优秀的外嵌体验。在 WordPress 或 Reddit 等支持 oEmbed 的平台上,只要简单地把链接贴入编辑框,发布后会自动转为嵌入作品。

  • 八,runJs

    这是国内一个很赞的在线编辑器。

    RunJS 是一个在线的 HTML、Javascript、CSS 等 web 前端代码的编辑分享平台,拥有实时预览、高亮显示、代码格式化等功能,我们提供 OSChina、微博、qq、github、google、yahoo、hotmail这七种登录方式,你只需要有七种任意一个帐号就可以点击右上角的登 录按钮来立即体验RunJS。

分类:
阅读
标签:
收藏成功!
已添加到「」, 点击更改