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 (首 ...
随机推荐
- linux 下用户组、文件权限详解
参考资料:http://www.cnblogs.com/123-/p/4189072.html
- arp命令 清arp表
平常删除arp都用arp-d.大量存在的时候 arp -n|awk '/^[1-9]/ {print arp -d $1}' | sh 清除所有arp表,以前用这个来清arp表貌会清空,没注意到存在i ...
- IntelliJ IDEA 建空包合并问题。
举例:我想在一个包下,创建2个空子包,这个时候,却无法再IDE里完成. 老是这样子,如果选中dff.sfsdf再右键 创建包的话,结局是再sfsdf下 又创建一个文件夹. 如果右键创建类的话,实际上在 ...
- Centos之字符串搜索命令grep
grep [选项] 字符串 文件名 在文件当中匹配符合条件的字符串 选项: -i 忽略大小写 -v 排除指定字符串 [root@localhost ~]# grep "work" ...
- Git missing in VS Code – No source control providers
解决办法:管理->设置->搜索[git.enabled]和[git.path],分别设置下即可. 注意"git.enabled: true",只设置git.path是不 ...
- ssh连接报错Write failed: Broken pipe Resource temporarily unavailable
问题描述 使用root连接服务器正常,切换普通用户连接报错 具体报错如下:Write failed: Broken pipe 或者:failed to execute /bin/bash: Resou ...
- IDEA创建Spring Boot项目
首先安装Spring Boot CLI 先确定自己安装的JDK是1.8版本或者以上,然后下载Srping Boot CLI,Spring Boot CLI下载地址,下载下来是一个压缩包,解压,得到一个 ...
- 004 关于Java如何扫描指定package下所有的类
q前言: 在工作中看到这个知识点,就顺便参考了百度的一些资料,整理一下,希望以后用的到. 一:理论部分 1.使用场景 写一个MVC框架,需要从包中扫描出组件并注册到容器中,而JDK没有提供现成的从方法 ...
- python os 用法(转)
注:转自这里,仅作为方便个人查询使用 获取文件所在路径 import os os.path.dirname(__file__) 获取当前文件的所在路径 print (os.path.dirname( ...
- 取得项目的 Git 仓库
有两种取得 Git 项目仓库的方法.第一种是在现存的目录下,通过导入所有文件来创建新的 Git 仓库.第二种是从已有的 Git 仓库克隆出一个新的镜像仓库来. 在工作目录中初始化新仓库 要对现有的某个 ...