常用插件介绍:

 html beautify(ctrl+shift+alt+f)

自动排版代码

Emmet

输入少量代码后摁Tab键,系统自动补全代码。

AutoFileName

快速列出你想引用的文件夹里面所有文件的名字。

BracketHighlighter

高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记

ColorPicker

调色板,需要输入颜色时,可直接选取颜色,打开调色板快捷键ctrl+shift+c。

如果这个快捷键打不开调色板,可能是快捷键被占用了

解决办法:Preferences→Key Bindings-User中配置:{ "keys": ["ctrl+shift+c"], "command": "color_pick"}

JsFormat

可以对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看,右键选择jsFormat使用或Ctrl+Alt+F

DocBlockr

快速生成各种注释格式。

Sidebar Enhancements

增强侧栏文件右键功能

Alignment

对定义的变量进行智能对齐,一般是“=”号对齐,快捷键是Ctrl+Alt+A,如果不能使用,可能是与其它的快捷键有冲突,可以设置过。

CSS Format
可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式。

选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。

Tag

Tag插件提供各种对Tag标签的操作,有些功能是自动执行,有些功能需要手动执行,功能入口 菜单栏Edit→Tag。

功能介绍:

根据/自动关闭HTML标签

标签自动缩进(或选中ctrl+alt+f)

删除标签和里面的内容

插入标签(对光标字符“ctrl+shift+,”生成标签)

删除标签里的属性,关闭标签,检查标签

Trailing spaces

可以检测和一键删除代码的空格,保存时自动删除多余空格,让代码更紧凑规范。

功能入口:Edit——》Trailing Spaces——》Delete
ConvertToUTF8

通过本插件,可以编辑并保存目前编码不被 Sublime Text 支持的文件,如 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。

可以通过 File→Set File Encoding to 菜单对文件编码进行手工转换。例如:打开一个 UTF-8 编码的文件,指定保存为 GBK。
HTML-CSS-JS Prettify

格式化HTML,CSS,Javascript和Json代码格式。

注:使用该插件,需要安装nodejs,而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中设置你node的安装路径。
使用过程:Tools→Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。
设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts

Terminal

打开文件的终端,终端默认是CMD。

ctrl+shift+t 打开文件所在文件夹

ctrl+shift+alt+t 打开文件所在项目的根目录文件夹

右键open terminal here打开。

Keymaps

快速查找所有插件的快捷键

LiveStyle

LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss

你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件

SublimeTmpl

创建常用文件初始模板,必须html,css,js模板

subline text3常用插件介绍的更多相关文章

  1. 前端神器Sublime Text3 常用插件&常用快捷键

    Sublime Text3常用插件 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`调出console(注:安装有QQ输入法 ...

  2. Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN

    Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...

  3. Sublime Text3—常用插件Emmet

    摘要 安装请看上一篇Sublime Text-安装,和sublime自带快捷键一起用,写html简直快的飞起. 下面整理的是常用的,完整的可看emmet官方文档. 一.生成标签 1.快速生成文档结构 ...

  4. Notepad++前端开发常用插件介绍

    Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Co ...

  5. SubLime Text3 常用插件总结

    近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Them ...

  6. Sublime text3 常用插件 安装

    1 安装插件前的准备工作 首先确保你的Sublime Text3编辑器为官方版(非破解版),建议下载官网的便携版本(好处多多). 然后安装插件管理工具(Package Control) 1.1 打开S ...

  7. 【转载】Grunt常用插件介绍

    项目名称 grunt-contrib v0.8.0 项目地址 https://github.com/gruntjs/grunt-contrib 项目介绍 此项目是对grunt常用插件的集合,刚接触gr ...

  8. 前端与php的sublime text3常用插件

    sublime text各种版本下载:http://sublimetext.iaixue.com/dl/ 1.安装Package Control 快捷键: ctrl+`     粘贴内容后Enter: ...

  9. idea常用插件介绍

    常用插件 mybatis mapper 选择plugins,搜索mybatis plugin 激活教程 使用 插件的使用

随机推荐

  1. bootstrap 基础表单 内联表单 横向表单

    bootstrap 基础表单 内联表单 横向表单 <!DOCTYPE html> <html> <head> <title></title> ...

  2. Oracle to_char格式化函数 显示毫秒

    racle如何显示毫秒   date类型只能精确到秒,要想精确到毫秒,需要使用timestamp类型.   应用举例:   举例1:   select to_char(systimestamp,'yy ...

  3. PWM(脉宽调制)——LED特效呼吸灯设计

    简述PWM PWM--脉宽调制信号(Pulse Width Modulation),它利用微处理器的数字输出来实现,是对模拟电路控制的一种非常有效的技术,广泛应用于测量.通信.功率控制与变化等许多领域 ...

  4. js运算符单竖杠“|”的作用

    在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注: 1. Math.ceil()用作向上取整. 2. M ...

  5. Android开发系列之事件拦截机制

    对于Android开发者来说理解事件传递机制的重要性,我想应该是不言而喻的.在一个Activity里面,我们经常会重写onTouchEvent事件,可是重写结束之后,对于是返回true还是返回fals ...

  6. java工程打包成jar包,并且解压lib里的jar包

    在我们开发完java工程部署时,有时不需要web容器,为了方便部署有时候需要打成jar包. 这里介绍2种Eclipse打jar包的方式, 方式一.工程引用的jar包打在lib目录下 1.工程上右键,E ...

  7. jquery在Asp.net下实现ajax

    前台代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxTest ...

  8. std::vector 源代码

    vector身为一个动态数组,每次以空间不够的时候会以2倍的倍数增加,而且每次扩充的时候分为3部,分配内存,拷贝数据,释放内存 vector内部有两个成员变量,begin,finish ,endcat ...

  9. asp.net MVC4总结

    MVC4构建例子 新建MVC4项目 在项目工程下面的App_Data文件夹下面添加新建项->数据->  Sql server 数据库文件Movies.mdf 新建movies.cs模型类 ...

  10. Android 仿映客直播间给主播发送礼物(实现连击效果)

    效果图 类库的介绍 org.dync.giftlibrary.widget GiftAnimationUtil.java 动画类GiftControl.java 给外部调用的类(核心)GiftFram ...