• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 7款开发者最常用的Sublime text 3插件

7款开发者最常用的Sublime text 3插件

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含Sublime,text,插件等相关知识,匿名希望在学习及工作中可以帮助到您
Sublime Text作为一个尽为人知的代码编辑器,其优点不用赘述。界面整洁美观、文本功能强大,且运行速度极快,非常适合编写代码,写文章做笔记。Sublime Text还支持Mac(MAC版SublimeText 3下载)、Windows和Linux各大平台(windows 版SublimeText 3(汉化版)下载),方便用户使用。种类繁多、功能强大的插件更给Sublime Text 3锦上添花。下载Package Control后就可以迅速的开启插件之路。

993.jpg

  1. Soda Theme

  Sublime Text 3中较为常用的一款自定义编辑器主题,用过的人都说好。Soda Theme包含代码着色、标签、图标,拥有light和dark两种颜色主题便于用户在不同时间段使用。

  Github:https://github.com/buymeasoda/soda-theme/

991.png

2、Sublime APICloud Plugins

Sublime APICloud Plugins是APICloud为开发者提供的一套开源的Sublime Text扩展插件,包括:应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能,其他的功能插件也在不断增加,这些插件已被Package Control成功收录,开发者可以直接在Sublime Text3中下载安装;所有插件都已开源,开发者也可以在此基础上按需求扩展自己的插件。

插件下载: http://www.apicloud.com/devtools

992.png

  3. ColorPicker

  编辑CSS样式的时候, ColorPicker调色盘不仅可以查看颜色值,更可以轻松调好颜色。ColorPicker同时还是一个双向选择颜色的功能,既可以在调色板中选好颜色将其使用至文档中,也可以迅速定位文档中的某一种颜色值到调色板中。

  插件下载:https://github.com/weslly/ColorPicker

  

colorpicker.gif


  4. Emmet

  Emmet (前身是 Zen Coding)是一个前端开发不可缺少的插件,它让编写 HTML和CSS代码变得简单,节省大量时间。Emmet可使开发者用缩写形式书写代码,再用“扩展”功能自动将代码扩展至完整样式。

  早在2009年,Zen Coding作为具有革命性的HTML和CSS代码编辑插件一经问世,直到现在帮助了无数的开发者,减少他们的时间,使得编写代码变得简便有趣。现在,Emmet已经超越了Zen Coding到达了更高层次,普适性的功能将给更多的开发者带来便利。

  插件下载:https://github.com/sergeche/emmet-sublime

  

emmet.gif


  5. SublimeCodeIntel

  SublimeCodeIntel 作为一个代码提示和补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言,是 Sublime Text 自带代码提示功能基础上一个更好的扩展,自带代码提示功能只可提示系统代码,而SublimeCodeIntel则可以提示用户自定义代码。SublimeCodeIntel支持跳转到变量、函数定义的功能,另外还有自动补全的功能,十分方便。

  插件下载:https://github.com/SublimeCodeIntel/SublimeCodeIntel

  

SublimeCodeIntel.png


  6. FileDiffs

  FileDiffs插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。

  插件下载:https://github.com/colinta/SublimeFileDiffs

  

filediffs.gif


  7. SublimeLinter

  SublimeLinter是少数几个能在sublime text 3工作的代码检查插件,SublimeLinter支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言,但前提是需要配置相应语言的环境,要检查JavaScript代码需要安装node.js,检查PHP代码需要安装PHP并配置环境等。SublimeLinter可以及时提示编写代码中存在的不规范和错误的写法,并培养我们良好的编码习惯和风格。

  插件下载:https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3

  

sublimelinter.JPG


  8. Alignment

  Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。

  插件下载:https://github.com/wbond/sublime_alignment

  

alignment.gif


  Sublime Text 3中的插件种类繁复,功能强大,以上是开发者最常用的8大插件,希望给各位开发者节省插件选择的时间,提供编写代码的效率。

以上就是7款开发者最常用的Sublime text 3插件的内容,更多相关内容请关注微课江湖()!

相关文章:

详细介绍JavaScript开发者必备的10个Sublime Text插件的示例代码

自定义sublime text 3插件

Sublime Text3快捷键实用总结

您可能想查找下面的文章:

  • Dreamweaver只是一个工具,为什么这么多招聘要求一定要熟练使用它?
  • Web 前端 IDE 用的都是什么啊?
  • 7款开发者最常用的Sublime text 3插件

相关文章

  • 2018-12-03HTML5 MiranaVideo播放器 (代码开源) _html5教程技巧
  • 2018-12-03H5实现图片压缩与上传
  • 2018-12-03在HTML5的CANVAS上绘制椭圆的几种方法
  • 2018-12-03HTML5 Canvas鼠标与键盘事件demo示例_html5教程技巧
  • 2018-12-03HTML5制作仿jQuery效果
  • 2018-12-03H5+C3做出优酷视频截图效果
  • 2018-12-03h5怎样实现获取用户地理定位
  • 2017-08-06HTML5 CSS3新的WEB标准和浏览器支持
  • 2018-12-03H5中indexedDB 数据库的使用方法详解
  • 2017-08-06html5的画布canvas——画出弧线、旋转的图形实例代码+效果图

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • canvas画布在主流浏览器中的尺寸限制
    • 如何通过Canvas及File API缩放并上传图片
    • html 中的 input,怎样触发 iOS 中不同类型的键盘?
    • HTML5应用-实现简单播放器的示例代码分享
    • 通过H5实现拍照功能的实例详解
    • 浅谈html5标签css3的常用样式
    • htnl5利用svg页面高斯模糊的方法
    • 在Web项目中错误代码整理
    • canvas实现二维码和图片合成的示例代码
    • HTML5 中canvas支持触摸屏的签名面板

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有