如何启用Emmet'的选项卡键处理程序(HTML快捷方式)
How to enable Emmet's tab key handler (HTML shortcuts) within JavaScript files?
默认情况下,tab键处理程序仅在JavaScript字符串中工作。我想在扩展名为.JS的JSX文件中使用它(标记不会出现在字符串中)
以下大部分内容均取自本要点
初步步骤
- 安装程序包控制
正在使用程序包控件。。。
- 为Sublime Text 3安装Emmet
- 安装Reg更换
- 安装指挥链
安装了这些
打开Preferences > Key Bindings - User
并添加以下映射:
{
"keys": ["tab"],
"command": "chain",
"args": {
"commands": [
["expand_abbreviation_by_tab"],
["reg_replace", {"replacements": ["js_class"]}]
]
},
"context": [
{"operand": "source.js", "operator": "equal", "match_all": true, "key": "selector"},
{"key": "preceding_text", "operator": "regex_contains", "operand": "(''w+>''w+|''s(''.?|a|div|span|p|button)''.''w+)", "match_all": true},
{"key": "selection_empty", "operator": "equal", "operand": true, "match_all": true}
]
}
打开Preferences > Package Settings > Reg Replace > Settings - User
并添加以下内容。这将根据JSX语法的要求,用className
替换class
。
{
"replacements": {
"js_class": {
"find": " class='"",
"replace": " className='"",
"greedy": true,
"case": false
}
}
}
相关文章:
- 如何启用Emmet'的选项卡键处理程序(HTML快捷方式)
- Ajax在使用onclick选项时无法处理HTML表单中的提交按钮
- 为主题选项(部分)创建一个ajax处理的保存操作
- 无法让 jQuery floatThead 处理嵌入在选项卡式图层中的表
- 调用ashx处理程序后关闭浏览器中的选项卡
- chrome.runtime.onConnect.addListener()没有'无法处理初始铬选项卡
- jQuery在处理<选择><选项>
- 如何处理香草JS中的多个下拉选择选项
- 如何在两个不同的选项卡(jQuery数据表)上同步处理可排序表
- 多个选择元素 - 从所有元素中选择一个选项时,使用 jQuery 进行处理
- 处理 2 个不同的选择选项,这些选项刚刚附加到 jQuery 中
- 绕过 javascript 的 chrome 和 FF 后台选项卡处理错误
- 如何从内容脚本访问活动选项卡的事件处理程序
- 生成器模式应如何处理未定义的可选项
- 将事件处理程序附加到通过PHP加载的下拉选项html
- 如何使用脚本一个接一个地自动关闭IE的选项卡,这些脚本是使用批处理文件从2分钟后打开的.
- 使用jquery.on()方法处理同一元素(选项标记)的两个脚本之间的冲突
- 如何在Angular中处理浏览器选项卡关闭事件?只关闭,不刷新
- Grunt-contrib-concat:如何使用选项“处理”
- Javascript选项处理