成都网站建设设计

将想法与焦点和您一起共享

前端开发者需要的10个Sublime插件分别是什么

前端开发者需要的10个Sublime插件分别是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联公司长期为数千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为鼎城企业提供专业的成都网站建设、成都网站制作,鼎城网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

然而,找到一个好的插件却可能成为一项挑战,有的插件已经被他们的开发者所放弃,另外一些可能会不兼容Sublime Text的最新版本Sublime Text  3(撰写本文时)。

前端开发者需要的10个Sublime插件分别是什么

如果你是一个前端开发人员,我们在这篇文章已经为你精心挑选了一些扩展,并汇总在一起供你使用。共有10款

前端开发人员应该尝试的Sublime Text包。

1. AlignTab

AlignTab是调整你的代码的插件。它有一个“预览模式”,你可以在它实际应用前,看到对齐是如何应用的(在给定正则表达式符号)。它也有“Table模式”,使你能够为通过管道符:|  设置的Markdown表格来设置合适的对齐方式。AlignTab是一个方便的扩展,它整理代码对齐,让它更容易阅读。

前端开发者需要的10个Sublime插件分别是什么

2. ColorHighlighter

ColorHighlighter是一个显示选中颜色代码的视觉颜色的插件。如果您选择“#  fff“,它将向您展示白色。ColorHighlighter支持所有CSS颜色格式,如Hex,RGB,HSL,HSV,同时包括颜色关键词,如“red”“green”,等等。它还为你显示包含颜色值的LESS,Sass,和Stylus变量。它是一个帮助您更直观处理颜色的插件。

前端开发者需要的10个Sublime插件分别是什么

3. MultiEditUtils

MultiEditUtils插件增强了SublimeText内置的“multi-cursor”和“multi-selection”功能,在编辑冗长的代码行时为我们节省了时间。例如:您可以在选择的行之间合并或交换,它还增强了SublimeText的“split  selection”,允许您指定符号来分离选定的行。我认为这是专业码农必须安装的一个插件。

前端开发者需要的10个Sublime插件分别是什么

4. Git Gutter

如果你正在使用Git, Git Gutter是一个推荐安装的Sublime  Text插件。GitGutter将在gutter区域显示一个标记,标记任何你在代码中做的编辑,添加或删除。这是一个有用的功能,可以即时看到你的代码版本和你的Commit,branch或Head  repository的比较。

前端开发者需要的10个Sublime插件分别是什么

5. Modific

Modific 在你使用Git或SVN时很有用。就像GitGutter,Modific将对你的代码标记改变。除了高亮变化,您还可以通过按Ctrl +  Alt + D来查看或比较当前的代码与最近提交的代码之间的区别。你还可以用Modific做其他事情,包括预览当前行的提交代码和恢复代码修改。

前端开发者需要的10个Sublime插件分别是什么

6. Inc Dec Value

Inc Dec Value  允许你同时增加或减少数字,即使他们在不同的行。除了数字之外,您还可以更改日期的值,和十六进制颜色。使用这个插件,一般直接将光标放在数字的右边,然后按Alt  +↑增加或Alt +↓减少。你也可以使用鼠标滚轮。

前端开发者需要的10个Sublime插件分别是什么

7. FileBrowser

FileBrowser  提供了一种在你的项目目录中浏览文件和文件夹的新方式。当你安装这个插件,你可以在新的侧边栏访问到您的项目目录,并在你的手不离开键盘的情况下进行导航(很像一个专业码农)。当你熟悉它后,这个插件可以逐步提高你的工作效率。

前端开发者需要的10个Sublime插件分别是什么

8. IconFont

IconFont为许多流行的图标字体提供了snippet(代码片段),比如 FontAwesome,PaymentFontTypicons 和  Github Octicons。它的工作原理类似于常规的HTML代码段,每个图标的缩写将扩展成完整的class和HTML代码。

前端开发者需要的10个Sublime插件分别是什么

9. DistractionFreeWindow

虽然Sublime的内置“Free  Distraction”功能让你专注录入的代码或内容,当你在这种模式下,迷你地图,侧边栏,所有其他选项卡是隐藏的。Distraction-free并不意味着失去这些功能。DistractionFreeWindow  正是为了解决这类问题而出现的,对于“无打扰模式”应该如何工作,它为你提供了更灵活的选择。

前端开发者需要的10个Sublime插件分别是什么

10. FilterLines

FilterLines  允许您使用给定的“关键字符串”或“正则表达式符号”在你的文档内搜索。这是一个处理大量JSON,JavaScript数组,CVS格式的原始数据的方便特性。

前端开发者需要的10个Sublime插件分别是什么

看完上述内容,你们掌握前端开发者需要的10个Sublime插件分别是什么的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享文章:前端开发者需要的10个Sublime插件分别是什么
网站地址:http://chengdu.cdxwcx.cn/article/jedgjg.html