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. 小程序开发总结一:mpvue框架及与小程序原生的混搭开发

    mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求 ...

  2. 基于docker 搭建Prometheus+Grafana

    一.介绍Prometheus Prometheus(普罗米修斯)是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的.随着发展,越来越多公司和组织接受采 ...

  3. Ubuntu 使用命令更新 Ubuntu 系统

    我们都知道 Ubuntu 是一款 Linux 系统,是开源的系统,随时都在更新,所以人们都说 Linux 系统要比 Windows 系统安全.那么为了我们的电脑安全,我们如何利用 Ubuntu 命令来 ...

  4. xtrabckup备份报错:Failed to connect to MySQL server: Can't connect to local MySQL server through socket '/data/mysql/mysql.sock' (2).

    1.做软连接 [root@xxxxxx:/data/backup/log]# ln -s /var/lib/mysql/mysql.sock /tmp/mysql.sock [root@xxxxxxx ...

  5. uc 下载页面 记录备份

    记录一下 <!doctype html> <html> <head> <meta charset="utf-8"> <titl ...

  6. Asp.net MVC4 +EF6开发的个人网站源码和介绍(仅供新手学习)

    本项目是我去年利用业余时间开发的,采用的是asp.net mvc 4 +EF6+三层架构,适合新手进行学习,高手就没有什么价值了,可以直接跳过. 源码和数据库下载(已上传到git):https://g ...

  7. Asp.Net MVC Razor视图引擎与My97DatePicker插件的结合

    using System; using System.Collections.Generic; using System.Runtime.CompilerServices; using System. ...

  8. 解决Python爬虫使用requests包控制台输出乱码问题

    输出爬取的信息为乱码! 解决办法 爬取下来的编码是ISO-8859-1格式,需要转化为utf-8格式,加一句response.encoding = "utf8"

  9. Ionic入门四:卡片

    近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具. 针对移动端的应用,卡片会根据屏幕大小自适应大小. 我们可以很灵活的控制卡片的显示效果,甚至实现动画效果. 卡片一般放在页 ...

  10. 把对象转换成JSON形式的html代码

    function formatJson(msg) { var rep = "~"; var jsonStr = JSON.stringify(msg, null, rep) var ...