25款代码高亮工具、插件之IDE编辑器篇

发布时间:2016-01-08 浏览次数: 评论一下


IDE扩展包

Sublime Text 插件

是时间介绍一些Sublime Text语法高亮的插件了,我们这里提供了一些,首先以 MarkDown 语法高亮开始。

注:下面所有的截图都是使用的 Spacegray 主题。

这是一款我个人在 Sublime Text 中使用的,因为它能保持代码的一致性。

markdownextended

相关链接

MarkdownLight 把你的文件变为白色,但除了颜色和斜体外,不改变你的Markdown代码。

markdownlight

相关链接

MarkdownEditing 和上面两款插件不同,它把代码放在页面中间位置,并且会做一些处理:如把 > 转化成了宽的左边框。它使得你的IDE看起来像是文章的编辑器,如果你想把Sublime Text当作内容写作工具的话,它将非常适合你。

markdownediting

相关链接

这个插件也适用于 Atom,如果你即使用 Atom 又使用 Sublime Text,你可以使它们看起来一样。

handlebars_sublime

相关链接

Jade 提供了一些代码高亮的改进功能。

jade_sublime

相关链接

这个插件提升了一些额外的CSS代码高亮功能,它取代了Sublime Text 2中CSS3_Syntax插件。

css3_sublime

相关链接

stylus_sublime

相关链接

这个插件提供Sass及SCSS的代码高亮功能,同时支持Emmet的自动补全功能。

sass_sublime

相关链接

这个插件和上面那个的区别从截图上看不出什么区别,因为区别主要在于它们自动补全的方式上,如果你经常写SASS代码,推荐你使用下这两款插件,然后选择一款适合你的。

syntaxhighlightingforsass

相关链接

less_sublime

相关链接

bettercoffeescript

相关链接

Brackets有很多很多的代码高亮插件,然后它们主要是程序开发语言而非WEB设计语言的。非常悲哀,主要是因为编辑器已经内置了很多语言的代码高亮功能,包括你可能会用到的WEB设计语言。但是很少关于Handlebars, Jade, CoffeeScript and Stylus的。前三个我们已经在下面列出来了,然而到现在还没发现Stylus相关的扩展包。

下面的截图都是使用的Brackets默认主题。

安装这个插件前后你可能看不出很明显的区别,因为它们被淹没在HTML标签中。如果你只比较Handlebars代码的话,就可以看出区别了。

brackets-handlebars-templates

相关链接

这个是官方的Jade高亮插件,由维护Jade的人员维护。

jade-brackets

相关链接

bracketscoffeescript

相关链接

Atom扩展包

Atom可能是我们今天提到的三款IDE中代码高亮支持最强的了。对于WEB设计语言,IDE内置的功能已经够用了。然而对于Jade 和 Stylus,我们推荐下面两款。

language-jade

相关链接

stylus_atom

相关链接

总结

对于JavaScript和WordPress代码高亮插件,最好的办法是先查看支持的语言列表,然后比较你要使用的语言的效果及特性来做决定。

对应IDE的扩展包,因为它们已经被广泛使用了,所以你不必有太多顾虑。

如果之前你对于网站或者IDE要使用的代码高亮插件还不是很明确,希望上面的链接能够帮你更加明确。

 

via: tutsplus,本文由 Specs 翻译整理,发布在 WEB资源网,转载请注明来源。

  哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设