sublime速查手冊

時間 2019-11-17

標籤 sublime 速查手冊简体版

原文原文鏈接

零、sublime的優點

容易上手
支持多點編輯
包管理：Package Control
速度快
深度可訂製，配置文件放github上 sublime-config
快速文件切換 cmd + p 輸入文件名
cmd + shift + p 打開命令面板
啓用vim模式
學的是習慣技巧，sublime死了，技巧習慣可配置到其餘編輯器
社區活躍

1、安裝

如下操做均是在Mac環境下操做的。css

1.1 下載安裝

Mac下的安裝，官網：http://www.sublimetext.comhtml

brew cask install sublime-text

1.2 打開sublime

圖形界面打開git

按cmd + space快捷鍵，再輸入sublimegithub

命令行打開chrome

# 輸入subl便可，好多安裝方式都會建立sublime的連接並加入到/usr/local/bin目錄下
subl

# 若是沒有這個命令能夠手動建立軟鏈
ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

說明shell

不購買，會常常彈出提示框買個license，help-->enter licensevim

1.3 簡單使用

配置的備份與恢復sublime-text

打開sublime subl
打開一個目錄，打開
顯示左側目錄樹面板：side bar
1. 打開命令面板：cmd + shfit + p ，輸入side bar
2. 命令快捷鍵：cmd + k,cmd + b
放大/減少字體：cmd + +/cmd + -

## 2、快捷鍵ruby

2.1 經常使用快捷鍵

打開新的tab cmd + n 
切換tab ctrl + tab 
下一行合併到當前行 cmd + j 
左/右縮進 cmd + ]/cmd + [ 
選擇當前行 cmd + l 
複製 cmd + c 
粘貼 cmd + v 
撤銷 cmd + z
加/取消註釋 cmd + /
當前行以後/前開闢一行 cmd + enter/shift + cmd + enter
塊選擇，進入多點編輯模式 option + 選中文本
移動粒度 right以字符爲單位 alt + right以單詞爲單位 cmd + left/right移動到行首/尾 up/down能夠上下左右移動
切換語法驗證類型    cmd + shift + p   輸入css ,選中Syntax:css
打開左側目錄樹面板   cmd + k,cmd + b
選中光標所在位置單詞，持續按則會選中下一個相同的單詞  cmd + d

2.2 命令綁定到快捷鍵

打工命令面板(cmd + shift + p)，輸入key bindings，選擇Key Bindings - User，輸入以下內容markdown

[
    { "keys": ["shift+tab"], "command": "reindent", "args": {"single_line": false} },
]

2.3 工做臺查看命令日誌

打開工做臺 ctrl + `，輸入 sublime.log_commands(True)

這樣全部的執行記錄都會在工做臺上輸出

3、自定製

3.1 找到sublime的配置目錄

Sublime Text -> Preferences -> Browse Packages...

# 下面是具體的目錄，相似於vim的.vim目錄   pwd
/Users/snddfhv/Library/Application Support/Sublime Text 3/Packages/User

# 該目錄下有以下配置
# 快捷鍵綁定的配置
-rw-r--r--  1 x  staff   144B  5 10 23:26 Default (OSX).sublime-keymap
# sublime的基本配置
-rw-r--r--  1 x  staff   509B  5 10 23:35 Preferences.sublime-settings
# 擴展包的安裝信息
-rw-r--r--  1 x  staff   160B  5 10 23:15 Package Control.sublime-settings

3.2 快捷鍵綁定配置文件

Default (OSX).sublime-keymap

[
 { "keys": ["shift+tab"], "command": "reindent", "args": {"single_line": true} },
 { "keys": ["alt+space"], "command": "auto_complete" },
]

3.3 基本配置文件

Preferences.sublime-settings

{
    "color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
    "auto_complete": true,
    "auto_complete_commit_on_tab": true,
    "file_exclude_patterns":
    [
        ".DS_Store",
        "*.sublime-workspace",
        "*.scssc"
    ],
    "folder_exclude_patterns":
    [
        ".git",
        "log",
        "tmp/cache",
        ".vagrant"
    ],
    "font_size": 16,
    "ignored_packages":
    [
        "Vintage"
    ],
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "tab_size": 2,
    "theme": "Adaptive.sublime-theme",
    "translate_tabs_to_spaces": true
}

其餘配置說明

"line_numbers": false,      //是否顯示行號
"gutter": false,            //是否顯示邊列
"draw_centered": true,      //是否居中顯示
"wrap_width": 80,           //換行寬度(單位：字符)
"word_wrap": true,          //是否自動換行
"scroll_past_end": true     //滾動可否超過結尾

3.4 配置信息備份github

https://gitee.com/yysue/sublime-config

4、安裝擴展包

4.1 安裝Package Control

https://packagecontrol.io/installation

上這個網站上覆制一段安裝腳本

打開工做臺(Ctrl+`)，粘貼安裝腳本

可能會重啓

4.2 安裝擴展

安裝步驟：

打開命令面板(cmd+shift+p)，輸入install package回車，

等待加載插件列表，輸入要安裝的插件名，回車

4.2.1 AdvancedNewFile

新建文件：alt+cmd+n

4.2.2 Git

先打開命令模板，再輸入git 命令

在填寫commit結束時，按cmd + w結束填寫

4.2.3 SyncedSideBar

當前編輯的文件在左側目錄樹中同步選中

4.3 擴展包的安裝配置文件

Package Control.sublime-settings

{
    "in_process_packages":
    [
    ],
    "installed_packages":
    [
        "AdvancedNewFile",
        "Git",
        "RailsCasts Colour Scheme",
        "SyncedSideBar",
        "VimModelines"
    ]
}

5、快速查找文件與字符串

5.1 打開一個文件

cmd + p，輸入READ，回車

輸入cont@aaa 方法名

輸入cont:199 行號

輸入cont#aa 查找字符串

5.2 查找與替換

本文件中查找：cmd + f 查找替換：cmd + alt + f

目錄中查找：cmd + shift + f 下一個/上一個匹配項f4/shift + f4

跳回到上一次操做位置：ctrl + -/ctrl + shift + -

6、代碼補齊

6.1 Emmet插件

安裝Emmet插件，沒有安裝就有了？

幫助文檔 https://docs.emmet.io/cheat-sheet/ https://docs.emmet.io/actions/

6.1.1 經常使用操做

p20 tab
m-0-auto tab
.nav tab
#nav tab
.sidebar>.nav tab
ul.nav>li*5 tab

6.1.2 wrap with abbreviation功能

選中單詞，打開命令面板，輸入wrap，.sidebar>.nav

6.1.3 刪除標籤

選中單詞，打開命令面板，輸入remove，回車，cmd + '，斷續刪除

https://codepen.io/ 在線編輯，也支持相似功能

6.2 Snippet 代碼片斷

tools -> Developer -> New Snippet

6.2.1 配置說明

內容 content
光標停頓位置${1:默認值} tab可在位置間切換
觸發詞 tabTrigger
對哪些文件有效 scope text.html.markdown
保存成jekyll-header.sublime-snippet 後綴必須是.sublime-snippet
自動保存到User目錄下

Snippet的配置文件：jekyll-header.sublime-snippet

<snippet>
  <content><![CDATA[
---
layout: default
title: ${1:標題}
---

${2}
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>top</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>text.html.markdown</scope>
</snippet>

查看文件的scope

alt + cmd + p

6.3 Completions files 補全文件

參考：http://docs.sublimetext.info/en/latest/reference/completions.html

豐富的補全文件：https://www.sublimecodeintel.com/SublimeCodeIntel

保存文件名爲all.sublime-completions

{
   //  completions 的設置有時候會失靈 （ Mac Yosemite + sublime3 ）不行就改爲 snippet 吧，那個仍是一直都很好用
   "scope": "text.html.markdown",
   "completions":
   [
      { 「trigger」: "hhh", "contents": "{% highlight ${1:ruby} %\n${2}\n{% endhighlight %}}"}，
      { "trigger": "l", "contents": "[${1}](${2})${3}" },
      { "trigger": "media", "contents": "![](http://media.happycasts.net/pic/${1}.png)" }
   ],
   // "scope": "source.css",
   // "completions":
   // [
   //    { "trigger": "xxx", "contents": "xxx" },
   // ]
}

6.4 tab補齊規則

設置語法，打開命令面板，輸入 Set Synatx html

6.4.1 觸發詞 + tab

Setting - Default中有以下默認配置：

"tab_completion": true,

意思是打開一個文件，敲一個觸發詞，而後敲 tab 是能補全成一個片斷的。

tab補全功能會在下面4個地方找觸發詞，參考這裏

1. Snippets
2. API-injected completions via on_query_completions()   
    經過 API on_query_completions() 設置的內容，這個我們暫時無論
3. Completions files  
    專門的自動補全文件，也就是 xxx.sublime-completions
4. Words in the buffer   
    當前文件中已經敲過的詞

上面4個地方找到的觸發詞可能出如今補全列表上，如何觸發補全列表呢？

6.4.2 觸發詞前綴 + alt + space

默認是ctrl + space，這與系統中切換中英文輸入法衝突，改成alt + space

在keymap - User中添加以下配置：

{ "keys": ["alt+space"], "command": "auto_complete" },se

6.5 自動補全

Setting - Default中有以下默認配置：

"auto_complete": true,

功能是輸入了觸發詞，那麼不用敲 tab ，就能夠顯示可能的觸發詞了(補全列表)，默認只要敲 Enter或Tab 就能夠補全了。

可是，自動補全的不是在每種文件類型中都會被觸發的，Settings Default 中是這樣設置的

// Controls what scopes auto complete will be triggered in
"auto_complete_selector": "source - comment, meta.tag - punctuation.definition.tag.begin",

// Additional situations to trigger auto complete
"auto_complete_triggers": [ {"selector": "text.html", "characters": "<"} ],

有一個問題，自動補全生效的時候，回車就不能用來換行了，怎麼解決？

在setting - User中添加以下配置，默認是false：

"auto_complete_commit_on_tab": true,

這樣就能夠敲 tab 來補全，而 Enter 如今就能夠用來輸入換行了。

7、批處理任務

測試、編譯、執行

http://sublime-text-unofficial-documentation.readthedocs.io/en/latest/reference/build_systems.html

7.1 chrome打開html文件

Tools -> Build System -> New Build System -> ...

保存文件名爲bowse.sublime-build

{
  "cmd": ["/Applications/Google Chrome.app/Contents/MacOS/Google Chrome", "$file"],
  "selector": "text.html"
}

build Tools/Build System

cmd + b

7.2 build 個人 jekyll 頁面

這是參考文章的一個demo：http://happypeter.github.io/happysublime/10_build.html

8、啓用vim模式

打開命令面板，輸入Settings，找到基本配置文件：Preferences.sublime-settings，加入如下配置(默認狀況下，會有這一項Vintage)：

"ignored_packages":[],

參考

英文文檔 http://www.sublimetext.com/docs/3/projects.html
中文文檔 http://feliving.github.io/Sublime-Text-3-Documentation/
博客 http://happypeter.github.io/happysublime/
視頻 imooc bilibili

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。