sublime配置及使用技巧

若是須要 vim 配置，能夠移步 面向 web 前端及 node 開發人員的 vim 配置

sublime 3 配置和使用技巧

第一步，設置settings

一下是我我的喜歡的格式配置，在perferences -> settings

{
  "color_scheme": "Packages/User/SublimeLinter/MarkdownEditor-Dark (SL).tmTheme",   //顏色風格
  "font_size": 16,    //字體大小
  "indent_using_spaces": true,       //使用空格縮進
  "tab_size": 2,                     //一次縮進2個空格
  "translate_tabs_to_spaces": true,  //tab自動轉化爲空格
  "trim_trailing_white_space_on_save": true,   //保存時去除尾部多餘空格
  "expand_tabs_on_save": true,       //保存時重寫tab設置
  "shift_tab_unindent": true,        //使 shift+tab 等效爲 command+{快捷鍵
  "spell_check": true,               //開啓拼寫檢查
  "line_numbers": true,              //顯示行號
  "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"],     //忽略查找元素
   "ignored_packages": ["Vintage"],   //忽略使用的插件
  "ensure_newline_at_eof_on_save": true,  //確保文件結尾有一個空行
  "save_on_focus_lost": true,        //失去焦點時儲存
  "atmic_save": true                 //自動存儲
}

關於expand_tabs_on_save，咱們須要額外添加python代碼，方法以下：
1.打開sublime的Preference -> Browser Packages ...
2.新建一個目錄ExpandTabsOnSave
3.新建文件ExpandTabsOnSave.py
4.把下面內容複製進去，保存

import sublime, sublime_plugin, os

class ExpandTabsOnSave(sublime_plugin.EventListener):
  def on_pre_save(self, view):
    if view.settings().get('expand_tabs_on_save') == 1:
      view.window().run_command('expand_tabs')

其次附上 markdown settings:

{
  "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",   //顏色風格

  "tab_size": 2,   //一次縮進2個空格
  "translate_tabs_to_spaces": true,   //tab自動轉化爲空格
  "trim_trailing_white_space_on_save": true,   //保存時去除尾部多餘空格
  "auto_match_enabled": true,   //自動匹配標籤

  // Layout
  "draw_centered": false,    //禁用居中對齊
  "wrap_width": 0,    //自動換行，沒有默認行寬度

  // Line
  "line_numbers": true,    //顯示行號
  "highlight_line": true   //高亮當前行
}

第二步，安裝package control

https://packagecontrol.io/ins...

點擊ctrl + ~(或者點擊菜單view --> show console) ,複製粘貼上面連接中圖裏的部分，回車便可。

第三步，安裝插件

安裝方法一：快捷鍵ctrl+shift+p(mac: command+shift+p)，輸入install package回車，而後輸入你想安裝的包的名稱，回車；

安裝方法二：固然你也能夠打開Browse Packages文件夾，而後去github等平臺clone下相關插件放在這裏便可。

無論哪一個方法，裝完記得重啓sublime(並非全部插件都要重啓，但重啓一下也無妨)

這裏僅列舉我經常使用的一些插件，若是你知道有更好的一歡迎推薦

• *Sublime Linter: 新版本不是簡單地把全部的Linter放在一個包中，而是容許用戶在升級時選擇並安裝本身常常使用的Linter;
• *Emmet: html+css插件，簡化輸入，快速匹配，前端開發必裝;
• *javascriptNext: ES6語法插件(固然，也能夠用Babel，這個功能更強大);
• Babel: 這個比上一個更強大;
• css3_syntax: css3語法庫;
• Sass Build: Sass插件，command + B激活使用;
• SideBarEnhancements: 豐富側邊欄右鍵菜單;
• git: 將Git整合進Sublime，使你能夠在SublimeText中運行Git命令;
• markdown Editing: markdown語法;
• markdown Perview: markdown預覽;
• MarkdownTOC: 爲 Markdown 文檔自動生成目錄
• colorHighlighter: 取色和顏色預覽;
• DocBlockr: 生成文檔範式，有助於添加標準註釋塊;
• Less: less 語法高亮;
• less2css less 轉換爲 css
• SublimeCodeIntel: 自動填充，支持幾乎全部語言;
• Autoprefixer: 自動添加css瀏覽器兼容前綴;
• AngularJS: AngularJS 語法庫;
• jsFormat: javascript序列化;
• cssFormat: css序列化;
• YUI Compressor: 代碼壓縮;
• fix mac path: 修復 mac下插件包路徑問題
• tern_for_sublime: 光標輔助操做
• SublimeREPL: Python 編譯運行插件

less2css 在 mac 下須要 less 包，能夠根據須要安裝：

> npm install less -gd
> npm install less -g less-plugin-autoprefix
> npm install less -g less-plugin-clean-css

less2css 在 windows 下須要安裝 lessc 並配置環境變量

其餘

刪除庫

方法1：在perferences -> Browse Packages中刪除對應文件夾便可；

方法2：快捷鍵ctrl+shift+p(mac: command+shift+p)，輸入remove package回車，而後輸入(找到)你想刪除的包的名稱，回車。

無論哪一個方法，刪完記得重啓sublime(並非全部插件都要重啓，但重啓一下也無妨)

快捷鍵

注： 圖片來自網絡

1. 文件操做

mac快捷鍵	win/linux快捷鍵	功能描述
⌘N	ctrl + N	新建文件
⌘O	ctrl + O	打開文件
⌘S	ctrl + S	保存文件
⌘⇧S	ctrl + shift + S	另存文件
⌘⌥S	---	保存所有文件
⌘W	Ctrl + W	關閉當前文件

1. 文本編輯

mac快捷鍵	win/linux快捷鍵	功能描述
⌘A	ctrl + A	全選
⌘C	ctrl + C	複製
⌘X	ctrl + X	剪切
⌘V	ctrl + V	粘貼
⌘/	ctrl + /	註釋
⌘⌥/	ctrl + shift + /	塊註釋
⌘Z	ctrl + Z	撤銷
⌘Y	ctrl + Y	恢復撤銷
⌘⇧↩	Ctrl + Shift + Enter	在當前行前插入新行
⌘↩	Ctrl + Enter	在當前行後插入新行
^⇧K	Ctrl + Shift + K	刪除行
⌘⇧D	Ctrl + Shift + D	複製(多)行
⌘J	ctrl + J	合併(多)行
⌘KK	Ctrl + K + K	從光標處刪至除行尾
⌘K⌫		從光標處刪除至行首
⌘KU	ctrl + K + U	改成大寫
⌘KL	ctrl + K + L	改成小寫
⌘⇧V	Ctrl + Shift + V	粘貼並自動縮進
⌘⌥V	Ctrl + K + V	從歷史中選擇粘貼
⌘]	tab	向右縮進
⌘[	shift + tab	向左縮進
⌘^↑/↓	Ctrl + shift + ↑/↓	交換2行位置
⌘⌥]	Ctrl + shift + ]	展開標籤
⌘⌥[	Ctrl + shift + [	摺疊關閉標籤
⌘⌥KJ	Ctrl + K + J	展開所有標籤
⌘⌥KT	Ctrl + K + T	摺疊標籤屬性
⌘⌥Kn	Ctrl + K + n	摺疊第n級標籤

光標、選區操做

mac快捷鍵	win/linux快捷鍵	功能描述
⌘U	ctrl + U	軟撤銷(可撤銷光標移動)
⌘⇧U	ctrl + shift + U	軟重作(可重作光標移動)
⌘L	ctrl + L	選擇行(重複按下將下一行加入選擇)
⌘D	Ctrl + D	選擇詞(重複按下時多重選擇相同的詞進行多重編輯)
⇧↑/↓	shift + ↑/↓	向上/下選中多行。
⇧←/→	Shift + ←/→	向左/右選中文本。
^⇧M	ctrl + shift + M	擴展選區至對應的括號
^⇧A	ctrl + shift + A	擴展選區至對應的標籤
^⇧A	ctrl + shift + Space	擴展選區至對應的做用域
^⇧↑/↓	ctrl + ↑/↓	擴展選區至文件開頭/結尾。
⌘⇧L	Ctrl + Shift + L	將選區轉換成多個單行選區
^⇧←/→	Ctrl + Shift + ←/→	向左/右單位性地選中文本。
^-	ctrl + -	光標跳回上一個位置
^⇧-	ctrl + shift + -	光標恢復位置
⌥←/→	Ctrl + ←/→	向左單位性地移動光標，快速移動光標。
⌘⇧↑/↓	Ctrl + Alt + ↑/↓	向上/下添加多行光標，可同時編輯多行。

查找替換操做

mac快捷鍵	win/linux快捷鍵	功能描述
⌘f	ctrl + f	查找
⌘⌥f	chrl + h	查找並替換
⌘⌥g	---	查找下一個符合當前所選的內容
⌘^g	---	查找全部符合當前選擇的內容進行多重編輯
⌘⇧F	ctrl + shift + f	在全部打開的文件中進行查找

窗口操做

mac快捷鍵	win/linux快捷鍵	功能描述
⌘⇧N	Ctrl + Shift + N	打開一個新的sublime窗口
⌘⇧W	Ctrl + Shift + W	關閉窗口
⌘^F	F11	全屏
⌘⇧^F	Shift+F11	全屏免打擾模式，只編輯當前文件
⌘⌥[1,2,3,4,5,8,9]	Alt + Shift + [1,2,3,4,5]	拆分窗口爲：單列、雙列、三列、四列、網格、雙行、三行
^[1,2,3,4]	ctrl + [1,2,3,4]	焦點移動到相應的組(分屏編號)
^⇧[1,2,3,4]	ctrl + shift + [1,2,3,4]	將當前文件移動到相應的組(分屏編號)

跳轉操做

mac快捷鍵	win/linux快捷鍵	功能描述
⌘[1,2,3,4]	alt + [1,2,3,4]	選擇相應的標籤頁
^Tab	ctrl + tab	向後切換窗口內打開的文件
^⇧Tab	ctrl + shift + tab	向後切換窗口內打開的文件
⌘P	ctrl + P	跳轉到一切
⌘T	---	前往文件
⌘^P	---	前往項目
⌘R	ctrl + R	前往符號
⌘⇧P	ctrl + shift + P	前往符號項目內符號
^G	ctrl + G	前往行
^-	Alt + G	後退
^⇧-	Alt + shift + G	前進
⌘KB	Ctrl + K + B	開關側欄
^~	ctrl + ~	打開控制檯
Esc	Esc	退出光標多行選擇，退出搜索框，命令框等。
^M	ctrl + M	跳轉至對應的括號