package control的安裝
按Ctrl+`調(diào)出console（注：安裝有QQ輸入法的這個(gè)快捷鍵會(huì)有沖突的彰触，輸入法屬性設(shè)置-輸入法管理-取消熱鍵切換至QQ拼音）
在輸入框中輸入下面命令
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)
在preference工具欄中看是否有package control或者ctrl+shift+p 在彈出的面板中輸入 package control 看到有該選項(xiàng), 存在即說(shuō)明安裝成功
安裝插件: ctrl+shift+p: 輸入install package, 回車(chē), 輸入你想要安裝的插件
也可以安裝package control組件，然后直接離線安裝：
配置與快捷使用
針對(duì)文字顯示不能隨光標(biāo)移動(dòng)的問(wèn)題: 添加插件 IMESupport
preference->package control->install package-->IMESupport
常用插件 convertToUTF8 EncodingHelper-
快捷鍵的使用
- ctrl+p: 命令查找搜索項(xiàng)目中的文件 @查找節(jié)點(diǎn)
- ctrl+d: 改變變量 所有的都會(huì)改變 . ctrl+k跳過(guò)當(dāng)前的變量, 同時(shí)多行操作
- ctrl+shift+d: 復(fù)制當(dāng)前行
- Ctrl+Shift+K 刪除整行
- alt+f3 整頁(yè)選中選擇的詞
- 按住shift+右鍵 產(chǎn)生多行游標(biāo)
- 命令模式 (ctrl+shift+p -> set syntax:javascript)
匹配模式: ctrl+p: #+body跳轉(zhuǎn)到指定標(biāo)簽
minimap 預(yù)覽圖模式
ctrl+shift+p: View Toggle Minimap 打開(kāi)或者關(guān)閉右側(cè)小地圖使用EMMET插件
輸入! 然后ctrl+e 生成html5模板代碼 (或者輸入 doc 然后 ctrl+e)
ctrl+enter: 當(dāng)前頁(yè)加上一行
ul>li.class#id$*10+ ctrl+e{content}[properties=value]
div+p+bq 創(chuàng)建三個(gè)并列標(biāo)簽
-
ctrl+{ }分別左右縮進(jìn)
- 游標(biāo)alt+f3-->選中所有的相同 h2{this is the title}(大括號(hào)代表的是輸出)
復(fù)制粘貼的時(shí)候: ctrl+shift+v 代碼有格式粘貼
emmet api API地址
- 游標(biāo)alt+f3-->選中所有的相同 h2{this is the title}(大括號(hào)代表的是輸出)
-
css
- p20 tab == padding:20px;
- m0-auto == margin:0 auto;
wrap with abbreviation
主題安裝:
install package: theme-flatland space-gray插件安裝
- JQuery jquery語(yǔ)法提示
- JavaScript+Node.js js語(yǔ)法提示
- Insert callback(快捷鍵 alt+c) 快速插入
- Advanced new File ctrl+alt+N 輸入文件名或者路徑名
- sideBarEnhancements: 側(cè)邊欄目加強(qiáng)
- DocBlockr: 注解器模塊 ctrl+/ 快速注釋
- sublimeLinter 語(yǔ)法和風(fēng)格校驗(yàn)
- sublimeLinter-JShint
- 然后(安裝npm包) 但是首要的是安裝nodejs
- (進(jìn)入nodejs的安裝目錄目錄下面在cmd目錄下輸入) 最好選擇默認(rèn)安裝
- npm install -g jshint //安裝jshint
自定義校驗(yàn)風(fēng)格: 配置文件必須以.jshintrc命名 配置文件是以json文件的格式
"eqeqeq":true, 'curly":true;
- HTML+JS+CSS Pretty: 快捷 ctrl+shift+h
- Trailing Spaces插件: 高亮顯示多余的空格和Tab
- Tag插件 標(biāo)簽縮進(jìn)補(bǔ)全排版和校驗(yàn) Edit->Tag->Auto Format Tags On Document
- Terminal插件 快捷彈出cmd ----> Ctrl+Shift+T 參考網(wǎng)址 http://www.wiibil.com/website/sublimelinter-jshint-csslint.html
注冊(cè)碼
/////////////////////////////////注冊(cè)碼
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36Sublime使用手冊(cè)
ctrl+k+b 隱藏/顯示菜單欄
ctrl+j 合并一行
ctrl+d 選中多個(gè)單詞
shift+右鍵 塊選擇
alt + <- 每次移動(dòng)一個(gè)單位
ctrl+k+l轉(zhuǎn)小寫(xiě) (lower)
ctrl+k+u轉(zhuǎn)大寫(xiě) (upper)
縮進(jìn)控制: Reindent Lines (ctrl+shift+r)
ctrl+` 打開(kāi)控制臺(tái) sublime.log_commands(True)
esc退出控制臺(tái)
shift+F11 全屏免打擾
alt+shift+number 分屏處理-
自定制快捷鍵
key-binding-user [ {"keys":["ctrl+shift+r"],"command":"reindent","args":{"single_line": false}; ]設(shè)置reindent自動(dòng)調(diào)節(jié)代碼格式ctrl+shift+r
setting-user中設(shè)置行高
"line_padding_top": 7,
"line_padding_bottom": 7, 安裝Git包
git:addCurrentFile
git:Commit
git:push查找字符串
GoToAnything: ctrl+p
index.html:10 跳到第10行
index.html:@new 跳到函數(shù)行
index.html:#str 查找字符串批處理
配置編譯系統(tǒng) 快捷打開(kāi)網(wǎng)頁(yè) ctrl+b
{
"cmd": ["C:\Program Files (x86)\Google\Chrome\Application\chrome.exe", "$file"],
"selector":["text.html"],
}推薦插件
AdvancedNewFile (快速生成文件 ctrl+shift+n 或者alt+shift+n
AngularJs
Bootstrap 3 Autocomplete (bootstrap提示)
ConvertToUtf8
DockBockr (快速生成注釋 ctrl+/)
Emmet (強(qiáng)烈推薦)
EncodingHelper (顯示當(dāng)前文件的編碼)
HTML-CSS-JS Prettify (快捷鍵 ctrl+shift+h)
Http Requester
IMESupport (解決光標(biāo)不能隨輸入法移動(dòng)問(wèn)題)
Insert Callback
Jade
Nettuts+fetch
Package Control
Pylinter
PyV8
SidebarEnhancements (左側(cè)欄加強(qiáng))
SublimeLinter
SublimeLinter-jshint (JS語(yǔ)法檢驗(yàn))
SublimeServer
Terminal (當(dāng)前文件或者文件夾下啟動(dòng)terminal終端) ctrl+shift+t
Trailing Spaces (高亮顯示多余的空格)
Vue Sytax Highlight (Vue語(yǔ)法高亮)
bracketsHighted (括號(hào)匹配插件)
Less2Css (配合 npm install less-plugin-clean-css -g)
Less (sublime text3語(yǔ)法高亮)個(gè)人配置
- emmet user setting
{ // Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json "snippets": { "html": { "snippets": { "myfavicon": "<!-- favicon乐横，可更改圖片類(lèi)型 -->\n<link rel=\"shortcut icon\" type=\"image/ico\" href=\"/favicon.ico\" />\n", "mycompat": "<!-- 優(yōu)先使用 IE 最新版本和 Chrome -->\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\" />\n", "360compat": "\n<!-- 360 使用Google Chrome Frame -->\n<meta name=\"renderer\" content=\"webkit\">\n", "mykeywords": "<!-- SEO頁(yè)面關(guān)鍵詞 -->\n<meta name=\"keywords\" content=\"your keywords\">\n", "mydesc": "<!-- SEO頁(yè)面描述 -->\n<meta name=\"description\" content=\"your description\">\n", "myviewport": "<!-- 開(kāi)啟響應(yīng)式 -->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n", "mycache1":"<!-- 關(guān)閉緩存 -->\n<meta http-equiv=\"pragma\" content=\"no-cache\">", "mycache2":"<meta http-equiv=\"cache-control\" content=\"no-cache\">", "mycache3":"<meta http-equiv=\"expires\" content=\"0\">\n" }, "abbreviations": { "!!": "{<!DOCTYPE html>}+html[lang='en']>(head>meta[charset='utf-8']+title{${1:文檔標(biāo)題}}+mycompat+myviewport+mycache1+mycache2+mycache3+mykeywords+mydesc+bs3css)+body>jq2+bs3js", "bs3js":"<script src=\"https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js\"></script>", "bs3css":"<link href=\"https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css\" rel=\"stylesheet\">", "jq3": "<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'>", "jq2": "<script src='https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js'>", "jq1": "<script src='https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js'>", "bs3css":"<link rel='stylesheet' />", "bs3js":"<script src='https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js' >" } } }
}
```
- Preferences->Settings
"line_padding_bottom": 3,
"line_padding_top": 3,
"show_encoding": true,
"translate_tabs_to_spaces": true,
"folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS",
"node_modules",
"bower_components"
],
"font_face": "Comic Sans MS",
- Preferences->Keybings
[
{"keys":["ctrl+shift+r"],"command":"reindent","args":{"single_line": false}},
{ "keys": ["alt+space"], "command": "auto_complete" },
]
- 配置pylinter (Python語(yǔ)法校驗(yàn)器)
pip install pylint 在本地python安裝目錄Scripts\pip.exe目錄下面安裝
配置用戶(hù)項(xiàng)
{
"ignore":["C", "R"]
}
- 默認(rèn)配置添加相
"use_icons": true,
"run_on_save": true,
"message_stay": true //光標(biāo)移動(dòng)的時(shí)候 不移除錯(cuò)誤提示
