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网络编程--RabbitMQ

    一:RabbitMQ介绍 RabbitMQ是AMPQ(高级消息协议队列)的标准实现.也就是说是一种消息队列. 二:RabbitMQ和线程进程queue区别 线程queue:不能跨进程,只能用于多个线程 ...

  2. [android]解析XML文件的方法有三种:PULL,DOM,SAM

    PULL 的工作原理: XML pull提供了开始元素和结束元素.当某个元素开始时,可以调用parser.nextText从XML文档中提取所有字符数据.当解析到一个文档结束时,自动生成EndDocu ...

  3. OSI & TCP/IP 参考模型

    OSI参考模型的结构 OSI划分七层结构的基本原则 网中各结点都具有相同的层次: 不同结点的同等层具有相同的功能: 同一结点内相邻层之间通过接口通信: 每一层可以使用下层提供的服务,并向其上层提供服务 ...

  4. java解析Xml格式的字符串

    最近在工作中,需要调别的接口,接口返回的是一个字符串,而且内容是xml格式的,结果在解析json的时候报错,最终修改了接口的返回方式,以Map返回, 才得以接收到这个xml的字符串,然后通过dom4j ...

  5. 为django的python manage.py加自定义命令

    计划在开发软件的过程中, 每次可以自己加入测试数据,这样就可以每次作全新的测试了. 将这个初始化django modules数据命令,将在manage.py里是最合适的. 下面我们就来实现吧. 参考文 ...

  6. linux删除特殊字符命名的文件

    今天在服务器上不小心创建了一个!命名的文件还有一个\命名的文件,本来想用转义字符进行删除,又担心误删了项目文件....最后找到最好的解决办法 如下: ls -i  查看文件inum值 执行删除inum ...

  7. thinkphp中如何是实现多表查询

    多表查询经常使用到,但如何在thinkphp中实现多表查询呢,其实有三种方法. 1 2 3 4 5 6 7 8 9 10 11 12 // 1.原生查询示例: $Model = new Model() ...

  8. Laravel数据库配置问题

    由于项目需要,使用Laravel连接远程数据库进行开发 将默认的数据库配置信息改为远程数据库信息 在模型文件中定义了 protected $connection = 'default' 运行程序,报错 ...

  9. 02-c#基础之01-基础语法(一)

    1.注释符 1)注销 2) 解释 2.C#中的3种注释符 1)单行注释// 2)多行注释/*要注释的内容*/ 3)文档注释///多用来解释类或者方法 2.VS中的快捷键

  10. jQuery学习总结2

    六.动画效果 6.1.基本 hide([speed,[fn]])隐藏显示的元素 speed: 三种预定速度之一的字符串("slow","normal", or ...