Sublime中emmet插件的安装

最新推荐文章于 2024-03-13 16:17:37 发布

carejx

最新推荐文章于 2024-03-13 16:17:37 发布

阅读量355

点赞数

原文链接：https://blog.youkuaiyun.com/yanzi1225627/article/details/51069420

版权

本文介绍如何使用Emmet插件实现JSX的HTML内容自动补全，包括安装PyV8依赖插件及配置步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Emmet

这个html标签自动补全的神插件相信很多人都用上了，非常便捷，现在可以通过配置实现JSX的html内容自动补全。

安装完Emmet后会自动安装一个PyV8的依赖插件，但网络不稳定会失败，可以通过自行下载。

下载地址： https://github.com/emmetio/pyv8-binaries#readme

下载完后新建一个PyV8文件夹，把下载的包解压到该文件夹中，放到 C:\Users\yourname\AppData\Roaming\Sublime Text 3\Installed Packages下，与Emmet同一个文件夹下（Emmet安装完是在Installed Packages下而不是Packages）。

菜单->Preferences->Key Bindings - User加上以下代码（keys就是触发自动补全的按键，可自定义）

[{
  "keys": [
    "tab"
  ],
  "args": {
    "action": "expand_abbreviation"
  },
  "command": "run_emmet_action",
  "context": [{
    "key": "emmet_action_enabled.expand_abbreviation"
  }]
}, {
  "keys": ["tab"],
  "command": "expand_abbreviation_by_tab",
  "context": [{
    "operand": "source.js",
    "operator": "equal",
    "match_all": true,
    "key": "selector"
  }, {
    "key": "preceding_text",
    "operator": "regex_contains",
    "operand": "(\\b(a\\b|div|span|p\\b|button)(\\.\\w*|>\\w*)?([^}]*?}$)?)",
    "match_all": true
  }, {
    "key": "selection_empty",
    "operator": "equal",
    "operand": true,
    "match_all": true
  }]
}]