JsFormat javascript格式化

有时从网上扒了人家的js代码来学习学习,打开发现被压缩了,这时就能够用JsFormat插件格式化js代码,恢复未压缩时候的排版,挺给力的。按快捷键Ctrl+Alt+F就可以格式化当前的js文件了。

插件下载: https://github.com/jdc0589/JsFormat

CSS Compact Expand CSS属性展开收缩

每一个人写CSS都有不同的风格,有些人喜欢写成一行,有些人喜欢写成多行,各有各的优点,我倒喜欢将CSS写成一行,这样能降低CSS文件大小,且屏幕能显示很多其它的Class方便查找。假设阅读别人的代码不符合自己的习惯,能够用CSS Compact Expand这个插件将CSS格式化一下,按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示,此插件由sublime textQQ群里一个牛人封装。

插件下载: http://pan.baidu.com/share/link?shareid=251331&uk=590661480&third=15

CSScomb CSS属性排序

有时候看看自己写的CSS文件,会不会认为属性非常乱查找不易维护难?CSScomb能够依照一定的CSS属性排序规则,将杂乱无章的CSS属性进行又一次排序。选中要排序的CSS代码,按Ctrl +Shift +C,即可对CSS属性又一次排序了,代码从此简洁有序易维护,假设不款选代码则插件将排序文件里全部的CSS属性。当然,能够自己自己定义CSS属性排序规则,打开插件文件夹里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序即可了。

插件下载: https://github.com/csscomb/CSScomb-for-Sublime

SideBarEnhancements 側边栏增强

SideBarEnhancements本是增强側边栏的插件,这里将教大家怎样用来做sublime text 3浏览器预览插件,并可自己定义浏览器预览的快捷键。

Alignment 等号对齐

按Ctrl+Alt+A,能够是凌乱的代码以等号为准左右对其,适合有代码洁癖的朋友。

插件下载: https://github.com/kevinsperrine/sublime_alignment/tree/python3

TrailingSpacer 高亮显示多余的空格和Tab

有时候在代码结尾打多了几个空格或Tab,一般不会察觉,TrailingSpacer这款插件能高亮显示多余的空格和Tab,并能够一键删除它们,有代码洁癖的朋友应该会喜欢这个插件。

插件下载: https://github.com/SublimeText/TrailingSpaces

注意,在github上下载的插件缺少了一个设置快捷键的文件,能够新建一个名字和后缀为Default (Windows).sublime-keymap的文件,加入下面代码,就可以设置“删除多余空格”和“是否开启TrailingSpacer ”的快捷键了。

BracketHighlighter 高亮显示匹配的括号、引號和标签

BracketHighlighter这个插件能在左側高亮显示匹配的括号、引號和标签,能匹配的 [](){}""
''<tag></tag>等甚至是自己定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能非常好地帮你理清楚代码结构,高速定位括号,引號和标签内的范围。

插件下载: https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

Alignment

这个插件让你能对齐你的代码,包含 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您能够查看以下的图片来明确我说的意思。

Emmet

概括地说,Emmet(译者注:前身就是曾经大名鼎鼎的Zen Coding,这个假设你没听说和使用过,就悲哀了)是一个能够让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你仅仅需按约定的缩写形式书写而不用写整个代码,然后按“扩展”键,这些缩写就会自己主动扩展为相应的代码内容。 比方,你仅仅须要输入((h4>a[rel=external])+p>img[width=500 height=320])*12,然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就能够在此基础上再填写内容,就这么简单。

FTPSync

默认情况下SublimeText不具备FTP的功能,假设你正在寻找能在您的SublimeText应用程序中使用的免费和易用的FTP工具,你能够考虑FTPSync。这是一个很easy的FTP同步工具,它能够控制上传目标的多重命名。让我们知道您的想法。

Trmmer

你知道当你编写代码时,因为错误或别的某些原因,会产生一些不必要的空格。须要注意的是多余的空格有时也会造成错误。这个插件会自己主动删除这些不必要的空格。

  • OS X: Ctrl + S
  • Linux: Ctrl + Alt + S
  • Windows: Ctrl + Alt + S

sublime插件汇总的更多相关文章

  1. 很全的vue插件汇总,赶紧收藏下(转)

    Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作 ...

  2. vue插件汇总

    浏览了一下,确实不错,另补充以下几个插件(欢迎大家将自己使用的插件留言给我,共同进步): vue-orgchart  可编辑,可导出 JSON 的树形组织图 的VUE组件 viewerjs  强大的图 ...

  3. 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)

    前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...

  4. sublime 插件的安装

    sublime(text3)插件的安装 之前一直对sublime插件的安装搞不懂,导致自己不能充分地运用它的便捷性.昨天仔细看了下百度,恍然大悟,一下子把必备的插件都装了: 对于插件的安装,首先要在s ...

  5. Sublime 插件安装、常用配置

    安装:sublime + 插件 安装Sublime: 官网:http://www.sublimetext.com/ 安装package control组件,之后我们会使用该组件给Sublime安装常用 ...

  6. Python:开发Sublime插件,方便PHP开发

    Python:开发Sublime插件,方便PHP开发 背景 最近在学习PHP,开发环境选择了Sublime2,开发过程发现执行PHP程序非常不方便,需要自己在浏览器中输入路径以进行调试,这点不如Dre ...

  7. sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作

    一.emmet在sublime中的配置与使用: 1.点击sublime text 3的图标,打开编辑器: 2.按键“ctrl+shift+p”,或者单击菜单->工具->命令面板: 3.打开 ...

  8. 实用的sublime插件集合 – sublime推荐必备插件

    Package Control 功能:安装包管理 简介:sublime插件控制台,提供添加.删除.禁用.查找插件等功能 使用:https://sublime.wbond.net/installatio ...

  9. sublime插件之px转rem

    sublime插件之px转rem   安装: 1.下载sublime并安装: 2.下载cssrem:https://github.com/hyb628/cssrem: 3.找到 Packages (首 ...

随机推荐

  1. python面向对象(七)属性方法的添加

    ​ 通常情况下,当我们定义了一个class,创建了一个class的实例后,我们可以给该实例绑定任何属性和方法,这就是动态语言的灵活性.下来我就讲下添加属性和方法,同时也将下限值添加属性方法. 添加属性 ...

  2. vue系列之项目优化

    webpack中的Code Splitting Code Splitting是什么以及为什么 在以前,为了减少HTTP请求,通常地,我们会把所有的代码都打包成一个单独的JS文件,但是,如果这个文件体积 ...

  3. Fiddler 4 抓包(APP HTTPS )

    一.手机连接Fiddler 1.配置fiddler 1.安装fiddler,基本下一步下一步即可: 2.打开fiddler,点击顶部栏Tools——>Options 3.在HTTPS页签勾选“D ...

  4. Celery 框架学习笔记(生产者消费者模式)

    生产者消费者模式 在实际的软件开发过程中,经常会碰到如下场景:某个模块负责产生数据,这些数据由另一个模块来负责处理(此处的模块是广义的,可以是类.函数.线程.进程等).产生数据的模块,就形象地称为生产 ...

  5. 使用 ResponseBodyAdvice 拦截Controller方法默认返回参数,统一处理返回值/响应体

    使用 @ControllerAdvice & ResponseBodyAdvice 拦截Controller方法默认返回参数,统一处理返回值/响应体 1.Controller代码 以下是Con ...

  6. require.js 加载 vue组件 r.js 合并压缩

    https://www.taoquns.com 自己搭的个人博客 require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法 r.js 合并压缩 参考司徒正美 ...

  7. js获取iframe的id

    有一个需求是在iframe页面调用父页面一个方法,开始我用window.parent.length来判断页面有几个层,但是不好用,因为我的浏览器安装了一个插件,这个插件会动态向页面插入一个iframe ...

  8. loadrunner录制时,设置能不记录所有的事件

    loadrunner录制时,设置能不记录所有的事件 可以做如下两点设置: 1. 在record option下的recording选项卡下选择html advance,在script type下选择A ...

  9. thinkphp签到的实现代码

    thinkphp签到的实现代码 数据表 1 2 3 4 5 6 7 8 9 10 11 CREATE TABLE `members_sign` (   `id` int(11) unsigned NO ...

  10. 决策树 (decision tree)

    内容学习于 ApacheCN github 定义: 分类决策树模型是一种描述对实例进行分类的树形结构.决策树由结点(node)和有向边(directed edge)组成.结点有两种类型:内部结点(in ...