sublime Text使用技巧及常用插件

语法:

http://docs.emmet.io/cheat-sheet/

http://www.iteye.com/news/27580

http://www.w3cplus.com/tools/emmet-cheat-sheet.html

//安装Packgae Control:
//Ctrl+`  :
import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘http://sublime.wbond.net/‘ + pf.replace(‘ ‘,‘%20‘)).read())
//快捷键映射
[
    {"keys": ["enter"], "command": "move", "args": {"by": "characters", "forward": true}, "context":
        [
            { "key": "following_text", "operator": "regex_contains", "operand": "^[)\\]\\>\\‘\\\"\\ %>\\}\\;\\,]", "match_all": true },
            { "key": "preceding_text", "operator": "not_regex_match", "operand": "^.*\\{$", "match_all": true  },
            { "key": "auto_complete_visible", "operator": "equal", "operand": false }
        ]
    },  //以下为Trailing Space插件 一键删除多余空格
    { "keys":["ctrl+alt+d"], "command":"delete_trailing_spaces"},
    { "keys":["ctrl+alt+o"], "command":"toggle_trailing_spaces"}
]
//Setting-user//class名含有减号时可以一起选择
"word_separators":"./\\()\"‘:,.;<>[email protected]#$%^&*|+=[]{}`~?"
Wrap with Abbreviation文本编辑技巧
//常用插件Emmet
Theme - SoDaReloaded//代码风格
{
    "theme": "SoDaReloaded Dark.sublime-theme"
}
SideBarEnhancements//侧栏右键功能增强
SublimeTmpl //快速创建文件类型
autoFileName// 自动提示url
Html-css-javascript-prettify //格式化代码
AlignTab //对齐
AutoFileName //自动补全url
Bracket HighLighter //括号高亮显示
Trailing  Space //高亮显示多余空格
Goto-CSS-Declaration //定位到css定义
时间: 2024-08-25 12:28:16

sublime Text使用技巧及常用插件的相关文章

Sublime Text 3安装及常用插件安装

为了使用强大好用的代码编辑器来进行selenium3+Python3的自动化测试. 使用Sublime Text 3非常适合. 1.下载安装 首先到http://www.sublimetext.com/3根据你的电脑配置下载对应的安装包,然后不断的点击next,然后blablabla......就可以安装好了.本文是安装portable version 可移动版本的Sublime Text3 ( window 7 和window 8.1 环境下) 2.Sublime Text 3注册码激活(亲测

sublime text 3 前端开发常用插件

代码对齐: Alignment html代码补全:  Emmet CoffeeScript语法:  Better CoffeeScript css格式化:  CSS Format less语法:  LESS js代码格式化: JsFormat 代码注释文档:  DocBlockr 代码美化: HTML-CSS-JS Prettify 去除行尾空格:  TrailingSpaces 语法检测:  SublimeLinter, SublimeLinter-coffeelint, SublimeLin

sublime text 3中emmet常用技巧

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sublime text 3中emmet常用技巧</title> </head> <body> <!-- 生成html5格式文件先把文件保存成.html格式,然后输入html:5按下tab键 --> <!-- 简写d

Sublime Text 使用技巧

之前就一直在用Sublime Text 来作为默认的文本编辑工具,但也只是简单的用用,一些Sublime Text本身的快捷键什么的都没研究过,今天特地在网上看了一下,快捷键比较多,要想熟练运用还得在平时多多使用呀! 下面把一些常用的快捷键整理一下,更多内容后续在逐渐学习. 一:快捷键 Ctrl+P 搜索项目中的文件 ( +sub:60 直接跳到相应行数 在该窗口里加上:前缀即为行跳转(ctrl+G),加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每

12个不可不知的Sublime Text应用技巧和诀窍

本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键: Command + D 选中一个单词 Command + L 选中一行 Command + A 全选 Ctrl + Command + M` 选中括号内所有内容 (编写CSS或JS时非常实用) Sublime Text还支持一次选中多行的操作:Furthermore, Sublime Text

点滴记录——Ubuntu 14.04中安装Sublime Text 3并使用SublimeClang插件

转载请说明出处:http://blog.csdn.net/cywosp/article/details/32721011 Sublime Text是个跨平台的编辑器,支持Windows.Linux.Mac系统平台,支持各种语言的代码编辑,配合上对应的插件,话上点时间学习,你将会对它爱不释手,大大的提高你的编码效率.本文将讲解在Ubuntu 14.04系统中安装SublimeText 3,并配置SublimeClang插件来配置C/C++开发环境. 1. Sublime Text 3的下载安装 到

使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码

很多时候,我们想要格式化HTML-CSS-JS代码,网站上有很多实现此功能的小工具,当然,我的网站首页也有.但是,如果我们的代码编辑器上面也有这样的功能,那不是更加快速便捷?So,接下来,我们看看Sublime Text 3是如何使用插件实现此功能的吧! 一.必要条件: 1.首先,你要有Sublime Text 3编辑器: 2.你本地要配置NodeJS环境(安装方法可以参考:Node.js学习笔记之一): 3.你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插

Sublime Text 无法使用Package Control或插件安装失败的解决方法(转)

Sublime Text用了一年多了,公司搬家最近突然发现Package Control无法安装新插件了,虽然不影响原有功能的使用,还是要解决它.由于本人用Windows系统,只讨论Windosw下的解决方法.Mac与Linux下的用户可以参照解决. 本文主要介绍Sublime Text如何开启debug模式,分析使用过程中一些常见错误情形的解决方法.情形一:Package Control:There are no packages available for installation.情形二:

Sublime Text 3 支持的热门插件推荐

SublimeText是一款非常精巧的文本编辑器,适合编写代码.做笔记.写文章.它用户界面十分整洁,功能非同凡响,性能快得出奇.这些非常棒的特性 包括任意跳转(Goto Anything).多重选择(multiple selections).指令面板(command palette).免打扰模式(distraction free mode).分区编辑(split editing).快速项目切换(instant project switch),你还可以随意地自定义更多功能.还有,这款编辑器支持Ma