subline text3常用插件介绍
常用插件介绍:
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常用插件介绍的更多相关文章
- 前端神器Sublime Text3 常用插件&常用快捷键
Sublime Text3常用插件 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`调出console(注:安装有QQ输入法 ...
- Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN
Notepad++前端开发常用插件介绍 - BorisHuai前端修炼 - 博客频道 - CSDN.NET http://blog.csdn.net/borishuai/article/details ...
- Sublime Text3—常用插件Emmet
摘要 安装请看上一篇Sublime Text-安装,和sublime自带快捷键一起用,写html简直快的飞起. 下面整理的是常用的,完整的可看emmet官方文档. 一.生成标签 1.快速生成文档结构 ...
- Notepad++前端开发常用插件介绍
Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Co ...
- SubLime Text3 常用插件总结
近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Them ...
- Sublime text3 常用插件 安装
1 安装插件前的准备工作 首先确保你的Sublime Text3编辑器为官方版(非破解版),建议下载官网的便携版本(好处多多). 然后安装插件管理工具(Package Control) 1.1 打开S ...
- 【转载】Grunt常用插件介绍
项目名称 grunt-contrib v0.8.0 项目地址 https://github.com/gruntjs/grunt-contrib 项目介绍 此项目是对grunt常用插件的集合,刚接触gr ...
- 前端与php的sublime text3常用插件
sublime text各种版本下载:http://sublimetext.iaixue.com/dl/ 1.安装Package Control 快捷键: ctrl+` 粘贴内容后Enter: ...
- idea常用插件介绍
常用插件 mybatis mapper 选择plugins,搜索mybatis plugin 激活教程 使用 插件的使用
随机推荐
- Target runtime Apache Tomcat v8.0 is not defined.
Target runtime Apache Tomcat v8.0 is not defined. Window-Preference-MyEclipse-Targeted Runtimes,选择存在 ...
- lufylegend库 LGraphics扭曲图片
lufylegend库 LGraphics扭曲图片 <!DOCTYPE html> <html lang="en"> <head> <me ...
- [Linux] 使用openssl实现RSA非对称加密
简单定义:公钥和私钥,加密和解密使用的是两个不同的密钥,所以是非对称 系统:ubuntu 14.04 软件:openssl java php 生成公钥私钥 使用命令生成私钥: openssl genr ...
- KB奇遇记(5):奇葩的用人制度
8月份入职,公司不给我们正式任命,导致了我们开展工作困难重重,基本上很少有人会鸟你,做事仿佛名不正言不顺.哪怕你是未来信息部的老大也一样,网管们根本不买你的账.所以做ERP选型,做旧OA的选型以及加密 ...
- css3 3d初入门(一)
css3 3D.html div.oembedall-githubrepos { border: 1px solid #DDD; list-style-type: none; margin: 0 0 ...
- JavaScript处理json格式数据
JSON即JavaScript对象标记,是一种轻量级的数据交换格式,非常适用于服务器与JavaScript的交互.JSON是基于纯文本的数据格式. JSON是JavaScript的原生格式,可以使用J ...
- DLL 导出类
MyMathFun.h #pragma once // #ifdef DLLCLASS_API // #define DLLCLASS_API _declspec(dllimport) // #els ...
- linux挂载本地windows分区或目录
linux挂载本地windows分区或目录 一.linux挂载本地windows硬盘分区 向虚拟机Centos添加本地windows硬盘 注:(添加物理硬盘后,在centos操作会直接写入本地硬盘) ...
- 设置Image渲染模式使用TintColor
通过使用控件Tint Color,例如UIImageView,UIButton等 设置UIImage的渲染模式,使你用一张图片可以渲染成不同颜色,例如设置UIImage的渲染模式:UIImage.re ...
- ASP.NET MVC 项目直接预览PDF文件
背景及需求 项目使用的是MVC4框架,其中有一个功能是根据设置生成PDF文件,并在点击时直接预览. 实现过程 1.第一版实现代码: HTML内容 @{ Layout = null; } <!DO ...