让 Sublime Text 像 Webstorm 同样智能扩展选区（可快速选择 html 里面的 BEM 类名）

时间 2019-12-13

标签 sublime text webstorm 同样智能扩展选区快速选择 html 里面 bem 栏目 HTML 繁體版

原文原文链接

功能直接看图：html

安装说明（刚刚出炉，若是有 bug，欢迎反馈）

一. 打开 command 工具，在 packages 目录下 git clone https://github.com/bammoo/sublime-expand-region.git前端

"Packages" 目录地址:git

OS X:github

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

Linux:sublime-text

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

Windows:工具

%APPDATA%/Sublime Text 2/Packages/spa

二. 打开你的 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 了一下它的代码，增长这段功能。