讓 Sublime Text 像 Webstorm 同樣智能擴展選區（可快速選擇 html 裏面的 BEM 類名）

功能直接看圖：

安裝說明（剛剛出爐，若是有 bug，歡迎反饋）

一. 打開 command 工具，在 packages 目錄下 git clone https://github.com/bammoo/sublime-expand-region.git

"Packages" 目錄地址:

• OS X:

~/Library/Application Support/Sublime Text 2/Packages/

• Linux:

~/.config/sublime-text-2/Packages/

• Windows:

%APPDATA%/Sublime Text 2/Packages/

二. 打開你的 User keymap 配置文件，添加如下 keymap

{ "keys": ["super+shift+space"], "command": "expand_region" },
{
  "keys": ["super+u"],
  "command": "expand_region",
  "args": {"undo": true},
  "context": [{ "key": "expand_region_soft_undo" }]
},

Mac 路徑爲 Packages/User/Default (OSX).sublime-keymap, Windows 和 Linux 用戶請自行參照配置。

原因

上上個月找到這款 Sublime 插件：https://github.com/aronwoost/sublime-expand-region ，很惋惜它忽略了引號中的空格。前端或重構用 BEM 的時候，html 總會有比較長的 className-className__className-className_className。既然找不到更好的替代品，我就 fork 了一下它的代碼，增長這段功能。