SublimeText3前端必备插件有哪些-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

SublimeText3前端必备插件有哪些-创新互联

这篇文章将为大家详细讲解有关Sublime Text3前端必备插件有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

永登ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

安装Package Control

在安装插件之前,需要让sublime安装Package Control。打开Sublime Text的控制台,快捷键ctrl + ~,在控制台中输入以下代码。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装插件

emmet:

前端神器。一个可以极大提高web开发者HTML和CSS工作效率的工具箱组件。

CSS3:

CSS3语法高亮、CSS语法提示,美中不足的是缺少游览器私有属性高亮。

CSS Extended Completions:

关联CSS文件,智能提示css文件中的类名,非常好用。

JavaScript Completions

支持javascript原生语法提示,妈妈再也不用担心我输入document.getElementById(id)。

jQuery

为jQuery的大部分方法提供了示例代码段,让jQuery的API更加容易使用。

ColorHighlighter

它可以展示你所选择的颜色代码(像“#FFFFFF”, “rgb(255,255,255)”, “white”)的真正颜色。同时它还包含一个颜色选择器让你可以方便地更改颜色。

BracketHighlighter

括号以及标签层级显示,不用担心选中的代码属于哪个代码块,一目了然。

HTML-CSS-JS Prettify

THML、CSS、JS代码格式化,压缩过后的代码可以通过该工具复原。

AlignTab

使用正则表达式来帮助代码对齐,比如几行代码以=号对齐。

以上插件覆盖HTML,CSS,JavaScript,jQuery,CSS颜色显示,代码块级高亮,代码格式化,代码对齐,满足绝大多数前端的需求。

至于用Sass就装Sass,Sassbuild,git就下sublimeGit,git Gutter,想用某个主题就下主题,想扩展侧边栏就扩展侧边栏,这毕竟不是每个人必须的。

这里再推荐一个主题插件,主题库比较丰富,感觉大多数人都能用上,避免视觉疲劳:

Colorsublime

安装完成后,可输入Install Theme,在线更换主题。主题库有上百种,这个很不错。

关于“Sublime Text3前端必备插件有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


名称栏目:SublimeText3前端必备插件有哪些-创新互联
路径分享:http://kswsj.cn/article/dojghg.html

其他资讯