如果需要 vim 配置，可以移步 面向 web 前端及 node 開發(fā)人員的 vim 配置

sublime 3 配置和使用技巧

第一步锡溯，設(shè)置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自動轉(zhuǎn)化為空格
  "trim_trailing_white_space_on_save": true,   //保存時去除尾部多余空格
  "expand_tabs_on_save": true,       //保存時重寫tab設(shè)置
  "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,  //確保文件結(jié)尾有一個空行
  "save_on_focus_lost": true,        //失去焦點時儲存
  "atmic_save": true                 //自動存儲
}

關(guān)于expand_tabs_on_save肴裙，我們需要額外添加python代碼，方法如下：
1.打開sublime的Preference -> Browser Packages ...
2.新建一個目錄ExpandTabsOnSave
3.新建文件ExpandTabsOnSave.py
4.把下面內(nèi)容復(fù)制進去涌乳，保存

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自動轉(zhuǎn)化為空格
  "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

<a target="_blank">https://packagecontrol.io/installation#st3</a>

點擊ctrl + ~(或者點擊菜單view --> show console) ,復(fù)制粘貼上面鏈接中圖里的部分夕晓，回車即可宛乃。

第三步，安裝插件

安裝方法一：快捷鍵ctrl+shift+p(mac: command+shift+p)蒸辆，輸入install package回車征炼，然后輸入你想安裝的包的名稱，回車躬贡；

安裝方法二：當然你也可以打開Browse Packages文件夾谆奥，然后去github等平臺clone下相關(guān)插件放在這里即可。

不管哪個方法拂玻，裝完記得重啟sublime(并不是所有插件都要重啟酸些，但重啟一下也無妨)

這里僅列舉我常用的一些插件，如果你知道有更好的一歡迎推薦

• *Sublime Linter: 新版本不是簡單地把所有的Linter放在一個包中檐蚜，而是允許用戶在升級時選擇并安裝自己經(jīng)常使用的Linter;
• *Emmet: html+css插件魄懂，簡化輸入，快速匹配闯第，前端開發(fā)必裝;
• *javascriptNext: ES6語法插件(當然市栗，也可以用Babel，這個功能更強大);
• Babel: 這個比上一個更強大;
• css3_syntax: css3語法庫;
• Sass Build: Sass插件咳短，command + B激活使用;
• SideBarEnhancements: 豐富側(cè)邊欄右鍵菜單;
• git: 將Git整合進Sublime填帽，使你可以在SublimeText中運行Git命令;
• markdown Editing: markdown語法;
• markdown Perview: markdown預(yù)覽;
• MarkdownTOC: 為 Markdown 文檔自動生成目錄
• colorHighlighter: 取色和顏色預(yù)覽;
• DocBlockr: 生成文檔范式，有助于添加標準注釋塊;
• Less: less 語法高亮;
• less2css less 轉(zhuǎn)換為 css
• SublimeCodeIntel: 自動填充咙好，支持幾乎所有語言;
• Autoprefixer: 自動添加css瀏覽器兼容前綴;
• AngularJS: AngularJS 語法庫;
• jsFormat: javascript序列化;
• cssFormat: css序列化;
• YUI Compressor: 代碼壓縮;
• fix mac path: 修復(fù) mac下插件包路徑問題
• tern_for_sublime: 光標輔助操作
• SublimeREPL: Python 編譯運行插件

less2css 在 mac 下需要 less 包篡腌，可以根據(jù)需要安裝：

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

less2css 在 windows 下需要安裝 lessc 并配置環(huán)境變量

其他

刪除庫

方法1：在perferences -> Browse Packages中刪除對應(yīng)文件夾即可；

方法2：快捷鍵ctrl+shift+p(mac: command+shift+p)敷扫，輸入remove package回車哀蘑，然后輸入(找到)你想刪除的包的名稱，回車葵第。

不管哪個方法绘迁，刪完記得重啟sublime(并不是所有插件都要重啟，但重啟一下也無妨)

快捷鍵

<small>注： 圖片來自網(wǎng)絡(luò)</small>

1. 文件操作

2. 文本編輯

3. 光標卒密、選區(qū)操作

4. 查找替換操作

5. 窗口操作

6. 跳轉(zhuǎn)操作