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 調(diào)出 sublime text3 命令框 ， 輸入 install ， 輸入關(guān)鍵字 安裝 對(duì)應(yīng)的插件
Sublime Text3 常用插件以及安裝方法
http://www.cnsecer.com/460.html
====================================================================================================
====================================================================================================
====================================================================================================
1.cssrem rem轉(zhuǎn)換 REM-PX
http://www.wozhuye.com/index.php?m=content&c=index&a=show&catid=22&id=298
2.AutoPrefix 自動(dòng)補(bǔ)齊代碼
3.BracketHighlighter 高亮顯示
4.CleanCSS
5.AdvancedNewFile 新建文件
6.DocBlocker 代碼自動(dòng)補(bǔ)全 ，配置作者 時(shí)間等信息 ?????????
http://www.cnblogs.com/huangtailang/p/4499988.html
7.代碼格式化 prettify
8.JsFormat
9.Side Bar
10.SublimeCodeIntel 智能提示,支持CSS,JS等
卸載插件
ctrl + shift + p
remove
====================================================================================================
====================================================================================================
====================================================================================================
相關(guān)快捷鍵 整合
ctrl + shift + D 復(fù)制當(dāng)前行 ，并且插入到 下一行
ctrl + center 在當(dāng)前行下一行插入光標(biāo)
ctrl + D 選擇一個(gè)單詞
ctrl + K + D 配合 以下命令 實(shí)現(xiàn)多游標(biāo)選擇器
alt + f3 列選擇,查找所有匹配項(xiàng),并選中
ctrl + K + B toggle side bar 顯示隱藏
ctr + shif + m 選擇(當(dāng)前行)括號(hào)內(nèi)的內(nèi)容{ } ( ) [ ]
ctrl + shift + a
ctrl + p 查找最近打開過(guò)的文件
ctrl + shift + ↑ 和上一行互換
ctrl + shift + ↓ 和下一行互換
ctrl + j 拼接行(將下一行拼接到當(dāng)前行后面)
ctrl + shift + 回車 插入行,在光標(biāo) 前一行
ctrl + 回車 在光標(biāo) 后一行
ctrl + r 前往 當(dāng)前頁(yè)面的 id
ctrl + g 跳轉(zhuǎn)到指定行
ctrl + l 選擇當(dāng)前行
ctrl + k 刪除當(dāng)前行光標(biāo)后面的內(nèi)容
ctrl + shift + k 刪除當(dāng)前行
ctr + H 當(dāng)前目錄查找替換
ctr + f 當(dāng)前目錄查找
在查找中夠可以直接使用正則 : 如5位連續(xù)數(shù)字 \d{5}
ctr + k,t 折疊所有元素屬性(<div class="test"></div>)
ctr + k,0 取消折疊
ctr + shif + [ 折疊代碼(光標(biāo)所在塊)
cht + shif + ] 展開折疊的代碼(光標(biāo)所在的塊)
ctr + shif + j 選擇當(dāng)前塊，并且包含縮進(jìn)（再也不用鼠標(biāo)去拖選了)
ctrl + shift + ' 快速選擇頭尾標(biāo)簽 <div>..</div>
ctrl + shift + g 將選中的 內(nèi)容 用標(biāo)簽包圍
在顯示 的輸入框中 輸入標(biāo)簽 div span p
ctrl + shrift + y submitline 計(jì)算器,就可以計(jì)算出來(lái)了, 12/213*231231
alt + . 自動(dòng)結(jié)束標(biāo)簽
ctl + shif + , 向前選擇標(biāo)簽或?qū)傩?
ctr + shif + . 向后選擇標(biāo)簽或?qū)傩?
=========================================================================================================================================================
=========================================================================================================================================================
知呼
https://www.zhihu.com/question/24896283
http://www.cnblogs.com/ambar/archive/2011/09/29/sublime-text-update-log.html
=========================================================================================================================================================
=========================================================================================================================================================
矩形（垂直）選區(qū)
1.按住鼠標(biāo)中鍵（滾動(dòng)鍵） 拖動(dòng)選區(qū)可以進(jìn)行垂直選擇
2.shift + 鼠標(biāo)右鍵
3.
1）首先把鼠標(biāo) 移動(dòng)到選中的矩形選區(qū)的左上角
2）ctrl + alt + down (ctrl + shift + down)
3)重復(fù)按 shift + right 直到選中整上選區(qū)
====================
自適應(yīng)縮進(jìn)的復(fù)制粘貼
有些情況下我們需要直接復(fù)制一段網(wǎng)上的代碼
在粘貼的時(shí)候 ctrl + shift + v 這種方式格式不會(huì)亂
====================
快速創(chuàng)建新文件
1.ctrl + n
2.ctrl + shift + p
想寫什么代碼 就輸入什么 ， 選擇 Set Syntax:html(或者其它)
3.這樣保存的就是對(duì)應(yīng)的格式了
====================
AdvancedNewFile 安裝插件之后 的創(chuàng)建文件
需要 選擇 finde 中的任意一個(gè)文件 或者 光標(biāo)在任意一個(gè)已經(jīng)打開的文件中
ctrl + alt + n
在打開的地址輸入框中 輸入相對(duì)路徑
../js/test.js
====================
jsFormat
快速格式化
需要自定義 按鍵 ctrl + shift + r
jsFormat -> key Bindings - suer
[
{"keys": ["ctr + shif + r"], "command": "reindent" , "args":{"single_line": false}}
]
===================================================
===================================================
> : 子元素符號(hào) ，表示內(nèi)嵌套的元素 + : 同級(jí)標(biāo)簽符號(hào)
^ : 可以使該符號(hào)前的標(biāo)簽提升一行
多段代碼 同時(shí)生成
標(biāo)簽名.類型*數(shù)量
生成3個(gè)div ,id:myid , class:myclass
div#myid.myclass*3
生成的元素有子元素
生成3個(gè)div,id:myid , class:myclass ;每個(gè)div 有4個(gè)子元素 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>
---
隱式標(biāo)簽
聲明一個(gè)帶類的標(biāo)簽，只需輸入 div.item 就會(huì)生成 <div class="item"></div>
在某個(gè) 標(biāo)簽下 輸入 .classname #idname 會(huì)根據(jù)父標(biāo)簽進(jìn)行判定
如果在 ul 中輸入 .item 會(huì)生成 <li class="item"></li>
----
2空格 4空格縮進(jìn)處理
不同的縮進(jìn)方式
將代碼復(fù)制到新的文件中 設(shè)置
view -> Indentation (壓縮) 調(diào)整 tab with
-------------------------
更改自動(dòng)選擇符號(hào)的問(wèn)題（什么可選什么不可選）
Preferences>Settings 更改下面的命令
后面的特殊符號(hào)為不選擇的符號(hào)，只要去掉就好
"word_separators": "./\\()\"':,.;<>~!@#$%^&* + =[]{}`~?"
=========================================================================================================================================================
=========================================================================================================================================================