Sublime Text 3中Emmet在.js文件内无法使用的问题求助
在Sublime Text 3中用Emmet快速生成
.addEventListener的解决方案 自定义Emmet缩写
Emmet默认没有addEventListener的内置缩写,手动添加自定义规则即可解决:- 打开
Preferences > Package Settings > Emmet > Settings - User - 在配置文件中添加以下代码:
"emmet.snippets": { "javascript": { "snippets": { "ael": "addEventListener('${1:event}', ${2:function(e) {}});" } } }这里用
ael作为触发缩写,输入后按Tab就能生成完整的addEventListener代码,你可以根据习惯修改缩写词(比如改成adde)。- 打开
修正Emmet语言映射配置
之前将javascript映射为javascriptreact的配置可能导致冲突,调整为:
"emmet.includeLanguages": { "javascript": "javascript" }
确保Emmet能正确识别.js文件的语言类型。
- 优化快捷键触发逻辑
在Key Bindings - User中添加针对.js文件的Emmet触发规则,避免和其他插件冲突:
{ "keys": ["tab"], "command": "emmet_expand_abbreviation", "context": [ { "key": "selector", "operator": "equal", "operand": "source.js" }, { "key": "emmet_abbreviation" }, { "key": "num_selections", "operand": 1 } ] }
- 清理冗余插件
卸载之前安装的JavaScript Completions插件,减少不必要的补全提示和卡顿问题,自定义Emmet缩写足够满足需求。
内容的提问来源于stack exchange,提问作者Nevazno_html_css_js_3
相关产品推荐
相关产品推荐

