求一款web端的代码编辑器插件

isNealyang
  • 2k

clipboard.png
项目中需要用到在web网页上写代码,主要是css,HTML,js,找了好多都是富文本编辑器的代码,查了很久都没有查到有没有来源的代码编辑器插件,而不是富文本编辑器。。。
求大神告知

回复
阅读 13.3k
3 个回答

vscode和sublime text个人比较喜欢这两个

1) Code editor - Dabblet
2) Web Code Editor – Code Any Where
3) Web Code Editor – Hyro
4) Best Code Editor - Codeita
5) Web Code Editor - Ice Coder
6) Best Web Code Editor - Coda
7) Web Code Editor - jsdo.it
8) Web Code Editor - Codemirror
9) Online Web Code Editor - Codepen
10) Web Code Editor - Brackets

1.Sublime Text

Sublime Text2是一款跨平台的编辑器,再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。

Sublime Text2 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。

Sublime Text 2 的特色功能:

良好的扩展功能,官方称之为安装包(Package)。
右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可以直接执行,减少了查找的麻烦。”
即时的文件切换。
随心所欲的跳转到任意文件的任意位置。
多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
支持 VIM 模式
支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。
更新非常勤快
2.TopStyle5

6款能替代Dreamweaver的编码工具推荐

TopStyle 是一款 CSS 开发辅助工具,即 HTML5 / CSS3 编辑器,它专注于 HTML CSS 设计辅助,提供比较多的功能,如 CSS 代码检查等,据称 TopStyle 的帮助文件非常好,有详细的 CSS 指令,适于初次接触 CSS 的学习之用。

不过如果你想对 CSS 了如指掌,对 CSS 网页布局非常熟练,还是扔掉一切辅助软件,用记事本开发,而熟练 CSS 之后,再使用此类辅助软件,可以提高工作效率和开发速度。

TopStyle 5 在 CSS3 / HTML5 方面的增强:

CSS3 for Inspector, Insight and Style Checker
Prefixr
CSS3 Media Queries
CSS Gradient Generator
Text Shadow Generator
Improved options for Preview Files (CSS-only)
HTML5 for Inspector and Insight
HTML5-only Validator
HTML Structure Panel
Wrap HTML Tag
Image Map Editor (HTML-only)
3.Chocolat

6款能替代Dreamweaver的编码工具推荐

Chocolat是Mac系统上最新出现的一款强大的文本编辑器,兼具原生的Cocoa及强大的文本编辑功能。

Chocolat支持多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能,界面和MacVim非常相似。

4.Aptana

6款能替代Dreamweaver的编码工具推荐

Aptana 是一个非常强大,开源,专注于JavaScript的Ajax开发IDE。

它的特性包括:

JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。
Outliner(大纲):显示JavaScript,HTML和CSS的代码结构。
支持JavaScript,HTML,CSS代码提示,包括JavaScript 自定函数
代码语法错误提示。
支持Aptana UI自定义和扩展。
支持跨平台。
支持FTP/SFTP
调试JavaScript
支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI,Ext。
Adobe AIR与iPhone开发工具
5.KomodoIDE

6款能替代Dreamweaver的编码工具推荐

Komodo 是一个跨平台支持多种程序语言的Integrated Development Environment (IDE)软件,目前他支持了在Windows与Linux上 ,Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序语言开发,以及多种程序语言语法着色。

6.Eclipse

6款能替代Dreamweaver的编码工具推荐

Eclipse是著名的跨平台的自由集成开发环境(IDE)。最初主要用来Java语言开发,但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

Eclipse的本身只是一个框架平台,但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。

Eclipse的基础是富客户机平台(Rich Client Platform, 即RCP)。RCP包括下列组件:

核心平台(启动Eclipse,运行插件)
OSGi(标准集束框架)
SWT(可移植构件工具包)
JFace(文件缓冲,文本处理,文本编辑器)
Eclipse工作台(即Workbench ,包含视图(views)、编辑器(editors)、视角(perspectives)、和向导(wizards))

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏