常用插件介绍:

 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. loadrunner controller:设置多个load generator

      下面讲一下如何使用多台电脑进行负载测试. 1)         打开load generator,如图所示默认已添加了我们本地的Generator: 2)         点击"Add. ...

  2. 为苹果ATS和微信小程序搭建 Nginx + HTTPS 服务

    昨天测试开发微信小程序,才发现微信也要求用HTTPS加密数据,想来是由于之前苹果的ATS审核政策的缘故吧,微信想在苹果上开放小程序必然也只能要求开发者必须使用HTTPS了,于是在服务器上测试安装Ngi ...

  3. Swiper --移动端触摸滑动插件

    Swiper使用方法 1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件. <!DOCTYPE html> <html> <h ...

  4. 使用PHP的strstr()函数来统计一段字符串中元音字母的个数(区分大小写)

    <?php/**练习:统计一段字符串中所有元音字母的个数(区分大小写)*/$str='This is a test file.'; //原始字符串echo $str.'<br>'; ...

  5. 未来手机Alo即将问世!全息投影手机的新高峰!全息3d 网

    文章来源:网络         编辑:大熊 [摘要]全息投影手机很早就开始炒,网络上的概念机也是丛出不穷,那么这款出自法国的概念机又是多么的奇葩?全息 3d 网带你一探究竟. 据外媒报道,在不久将来语 ...

  6. IOS控件布局之Masonry布局框架

    前言: 回想起2013年做iOS开发的时候,那时候并没有采用手写布局代码的方式,而是采用xib文件来编写,如果使用纯代码方式是基于window的size(320,480)计算出一个相对位置进行布局,那 ...

  7. Salesforce使用truncate清空数据库

    如果想快速的清空MySQL中的表,可以使用Truncate命令.Truncate能够快速的,对数据进行无差别的清空. 在Mysql中使用truncate的语法是TRUNCATE TABLE [Tabl ...

  8. 微端游戏启动器launcher的制作之下载篇(系列一)

    首先第一篇先讲一讲launcher最核心的功能---下载功能. 这个部分估计得好几篇才能写完,东西比较多也比较杂,慢慢来吧,我的东西也在继续改进中...... 从web上下载文件需要用到几个类,Htt ...

  9. 记录UITextField删除状态

    self.testTextField.leftView = [[UIView alloc] initWithFrame:CGRectMake(, , , )]; self.testTextField. ...

  10. 读书笔记 effective c++ Item 5 了解c++默认生成并调用的函数

    1 编译器会默认生成哪些函数  什么时候空类不再是一个空类?答案是用c++处理的空类.如果你自己不声明,编译器会为你声明它们自己版本的拷贝构造函数,拷贝赋值运算符和析构函数,如果你一个构造函数都没有声 ...