vscode中输入``自动将光标后面一个单词选中，左右加入<w>和</w>标签 - snippets 的命令调用

需求

vscode中输入``自动将光标后面一个单词选中，左右加入和标签

步骤0 准备需要安装插件

• vim - 这里的点击两次按键激活的快捷键，这个插件可以设置
• macros - 一次执行多个命令的插件
  
  
  snippets - vscode自带

步骤1 创建snippets模板

• ctrl + shift + p



• 
  
• snippets: Configure User Snippets
• 选择你要激活的模板，这里我们选择vue文件



• 
  
• 添加代码

"addHtmlW": {
    "prefix": "addHtmlW",
    "body": [
      "<w>$TM_SELECTED_TEXT</w>",
    ],
    "description": "addHtmlW"
  }

ctrl + shift + p 输入 setting.json 回车 添加

"macros": {
    "addHtmlW": [
      "cursorWordEndRightSelect",
        {
          "command": "editor.action.insertSnippet",
          "args": { "name": "addHtmlW" }
      }
    ]
  }

这样就添加了一个叫 addHtmlW的macros命令

• 第一步是向右选择一个单词 默认快捷键是 ctrl+shift+→
• 第二步是调用snippet命令

ctrl + shift + p 输入 setting.json 回车 添加

"vim.insertModeKeyBindings": [
    {
      "before": ["`", "`"],
      "commands": ["macros.addHtmlW"]
    },
  ],

• 这里是在插入模式里面的快捷键
• 因为这个快捷键使用频率很高，所以ctrl之类的也不想按了

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

新博客 ​​https://www.VuejsDev.com​​ 用于梳理知识点