Sublime Text3 常用插件以及安装方法
http://www.cnsecer.com/460.html
====================================================================================================
====================================================================================================
====================================================================================================
安装 packageControl
ctr + ` 安装 packageControl
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
安装插件
ctr + shif + p 调出 sublime text3 命令框 ， 输入 install ， 输入关键字 安装 对应的插件
Sublime Text3 常用插件以及安装方法
http://www.cnsecer.com/460.html
====================================================================================================
====================================================================================================
====================================================================================================
1.cssrem rem转换 REM-PX
http://www.wozhuye.com/index.php?m=content&c=index&a=show&catid=22&id=298
2.AutoPrefix 自动补齐代码
3.BracketHighlighter 高亮显示
4.CleanCSS
5.AdvancedNewFile 新建文件
6.DocBlocker 代码自动补全 ，配置作者 时间等信息 ?????????
http://www.cnblogs.com/huangtailang/p/4499988.html
7.代码格式化 prettify
8.JsFormat
9.Side Bar
10.SublimeCodeIntel 智能提示,支持CSS,JS等
卸载插件
ctrl + shift + p
remove
====================================================================================================
====================================================================================================
====================================================================================================
相关快捷键 整合
ctrl + shift + D 复制当前行 ，并且插入到 下一行
ctrl + center 在当前行下一行插入光标
ctrl + D 选择一个单词
ctrl + K + D 配合 以下命令 实现多游标选择器
alt + f3 列选择,查找所有匹配项,并选中
ctrl + K + B toggle side bar 显示隐藏
ctr + shif + m 选择(当前行)括号内的内容{ } ( ) [ ]
ctrl + shift + a
ctrl + p 查找最近打开过的文件
ctrl + shift + ↑ 和上一行互换
ctrl + shift + ↓ 和下一行互换
ctrl + j 拼接行(将下一行拼接到当前行后面)
ctrl + shift + 回车 插入行,在光标 前一行
ctrl + 回车 在光标 后一行
ctrl + r 前往 当前页面的 id
ctrl + g 跳转到指定行
ctrl + l 选择当前行
ctrl + k 删除当前行光标后面的内容
ctrl + shift + k 删除当前行
ctr + H 当前目录查找替换
ctr + f 当前目录查找
在查找中够可以直接使用正则 : 如5位连续数字 \d{5}
ctr + k,t 折叠所有元素属性(<div class="test"></div>)
ctr + k,0 取消折叠
ctr + shif + [ 折叠代码(光标所在块)
cht + shif + ] 展开折叠的代码(光标所在的块)
ctr + shif + j 选择当前块，并且包含缩进（再也不用鼠标去拖选了)
ctrl + shift + ' 快速选择头尾标签 <div>..</div>
ctrl + shift + g 将选中的 内容 用标签包围
在显示 的输入框中 输入标签 div span p
ctrl + shrift + y submitline 计算器,就可以计算出来了, 12/213*231231
alt + . 自动结束标签
ctl + shif + , 向前选择标签或属性
ctr + shif + . 向后选择标签或属性
=========================================================================================================================================================
=========================================================================================================================================================
知呼
https://www.zhihu.com/question/24896283
http://www.cnblogs.com/ambar/archive/2011/09/29/sublime-text-update-log.html
=========================================================================================================================================================
=========================================================================================================================================================
矩形（垂直）选区
1.按住鼠标中键（滚动键） 拖动选区可以进行垂直选择
2.shift + 鼠标右键
3.
1）首先把鼠标 移动到选中的矩形选区的左上角
2）ctrl + alt + down (ctrl + shift + down)
3)重复按 shift + right 直到选中整上选区
====================
自适应缩进的复制粘贴
有些情况下我们需要直接复制一段网上的代码
在粘贴的时候 ctrl + shift + v 这种方式格式不会乱
====================
快速创建新文件
1.ctrl + n
2.ctrl + shift + p
想写什么代码 就输入什么 ， 选择 Set Syntax:html(或者其它)
3.这样保存的就是对应的格式了
====================
AdvancedNewFile 安装插件之后 的创建文件
需要 选择 finde 中的任意一个文件 或者 光标在任意一个已经打开的文件中
ctrl + alt + n
在打开的地址输入框中 输入相对路径
../js/test.js
====================
jsFormat
快速格式化
需要自定义 按键 ctrl + shift + r
jsFormat -> key Bindings - suer
[
{"keys": ["ctr + shif + r"], "command": "reindent" , "args":{"single_line": false}}
]
===================================================
===================================================
> : 子元素符号 ，表示内嵌套的元素 + : 同级标签符号
^ : 可以使该符号前的标签提升一行
多段代码 同时生成
标签名.类型*数量
生成3个div ,id:myid , class:myclass
div#myid.myclass*3
生成的元素有子元素
生成3个div,id:myid , class:myclass ;每个div 有4个子元素 span ,class:myspan
div#myid.myclass*3>span.myspan*4
---
生成 <h1>foo</h1>
h1{foo}
---
生成
<a href="#"></a>
a[href=#]
---
生成
<p><span></span></p>
<div></div>
p>span^div
---
分组
(.foo>h1 + (.bar>h2)
生成
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
---
隐式标签
声明一个带类的标签，只需输入 div.item 就会生成 <div class="item"></div>
在某个 标签下 输入 .classname #idname 会根据父标签进行判定
如果在 ul 中输入 .item 会生成 <li class="item"></li>
----
2空格 4空格缩进处理
不同的缩进方式
将代码复制到新的文件中 设置
view -> Indentation (压缩) 调整 tab with
-------------------------
更改自动选择符号的问题（什么可选什么不可选）
Preferences>Settings 更改下面的命令
后面的特殊符号为不选择的符号，只要去掉就好
"word_separators": "./\\()\"':,.;<>~!@#$%^&* + =[]{}`~?"
=========================================================================================================================================================
=========================================================================================================================================================