sublime插件汇总
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
这个插件让你能对齐你的代码,包含 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您能够查看以下的图片来明确我说的意思。
Emmet
概括地说,Emmet(译者注:前身就是曾经大名鼎鼎的Zen Coding,这个假设你没听说和使用过,就悲哀了)是一个能够让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你仅仅需按约定的缩写形式书写而不用写整个代码,然后按“扩展”键,这些缩写就会自己主动扩展为相应的代码内容。 比方,你仅仅须要输入((h4>a[rel=external])+p>img[width=500 height=320])*12,然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就能够在此基础上再填写内容,就这么简单。
默认情况下SublimeText不具备FTP的功能,假设你正在寻找能在您的SublimeText应用程序中使用的免费和易用的FTP工具,你能够考虑FTPSync。这是一个很easy的FTP同步工具,它能够控制上传目标的多重命名。让我们知道您的想法。
你知道当你编写代码时,因为错误或别的某些原因,会产生一些不必要的空格。须要注意的是多余的空格有时也会造成错误。这个插件会自己主动删除这些不必要的空格。
- OS X:
Ctrl + S
- Linux:
Ctrl + Alt + S
- Windows:
Ctrl + Alt + S
sublime插件汇总的更多相关文章
- 很全的vue插件汇总,赶紧收藏下(转)
Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作 ...
- vue插件汇总
浏览了一下,确实不错,另补充以下几个插件(欢迎大家将自己使用的插件留言给我,共同进步): vue-orgchart 可编辑,可导出 JSON 的树形组织图 的VUE组件 viewerjs 强大的图 ...
- 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)
前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...
- sublime 插件的安装
sublime(text3)插件的安装 之前一直对sublime插件的安装搞不懂,导致自己不能充分地运用它的便捷性.昨天仔细看了下百度,恍然大悟,一下子把必备的插件都装了: 对于插件的安装,首先要在s ...
- Sublime 插件安装、常用配置
安装:sublime + 插件 安装Sublime: 官网:http://www.sublimetext.com/ 安装package control组件,之后我们会使用该组件给Sublime安装常用 ...
- Python:开发Sublime插件,方便PHP开发
Python:开发Sublime插件,方便PHP开发 背景 最近在学习PHP,开发环境选择了Sublime2,开发过程发现执行PHP程序非常不方便,需要自己在浏览器中输入路径以进行调试,这点不如Dre ...
- sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作
一.emmet在sublime中的配置与使用: 1.点击sublime text 3的图标,打开编辑器: 2.按键“ctrl+shift+p”,或者单击菜单->工具->命令面板: 3.打开 ...
- 实用的sublime插件集合 – sublime推荐必备插件
Package Control 功能:安装包管理 简介:sublime插件控制台,提供添加.删除.禁用.查找插件等功能 使用:https://sublime.wbond.net/installatio ...
- sublime插件之px转rem
sublime插件之px转rem 安装: 1.下载sublime并安装: 2.下载cssrem:https://github.com/hyb628/cssrem: 3.找到 Packages (首 ...
随机推荐
- 小程序开发总结一:mpvue框架及与小程序原生的混搭开发
mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求 ...
- 基于docker 搭建Prometheus+Grafana
一.介绍Prometheus Prometheus(普罗米修斯)是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的.随着发展,越来越多公司和组织接受采 ...
- Ubuntu 使用命令更新 Ubuntu 系统
我们都知道 Ubuntu 是一款 Linux 系统,是开源的系统,随时都在更新,所以人们都说 Linux 系统要比 Windows 系统安全.那么为了我们的电脑安全,我们如何利用 Ubuntu 命令来 ...
- 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 ...
- uc 下载页面 记录备份
记录一下 <!doctype html> <html> <head> <meta charset="utf-8"> <titl ...
- Asp.net MVC4 +EF6开发的个人网站源码和介绍(仅供新手学习)
本项目是我去年利用业余时间开发的,采用的是asp.net mvc 4 +EF6+三层架构,适合新手进行学习,高手就没有什么价值了,可以直接跳过. 源码和数据库下载(已上传到git):https://g ...
- Asp.Net MVC Razor视图引擎与My97DatePicker插件的结合
using System; using System.Collections.Generic; using System.Runtime.CompilerServices; using System. ...
- 解决Python爬虫使用requests包控制台输出乱码问题
输出爬取的信息为乱码! 解决办法 爬取下来的编码是ISO-8859-1格式,需要转化为utf-8格式,加一句response.encoding = "utf8"
- Ionic入门四:卡片
近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具. 针对移动端的应用,卡片会根据屏幕大小自适应大小. 我们可以很灵活的控制卡片的显示效果,甚至实现动画效果. 卡片一般放在页 ...
- 把对象转换成JSON形式的html代码
function formatJson(msg) { var rep = "~"; var jsonStr = JSON.stringify(msg, null, rep) var ...