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

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

时间:2022-12-09 22:23:21浏览次数:34  
标签:addHtmlW ctrl vscode 快捷键 macros 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"
	}

步骤2 添加批处理命令 macros

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

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

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

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

步骤3 绑定vim快捷键

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

"vim.insertModeKeyBindings": [
    {
      "before": ["`", "`"],
      "commands": ["macros.addHtmlW"]
    },
  ],
  • 这里是在插入模式里面的快捷键
  • 因为这个快捷键使用频率很高,所以ctrl之类的也不想按了

标签:addHtmlW,ctrl,vscode,快捷键,macros,snippets,光标
From: https://www.cnblogs.com/pengchenggang/p/16970123.html

相关文章

  • vscode 的vim配置和快捷键配置
    keybinds.json//Placeyourkeybindingsinthisfiletooverridethedefaultsauto[][//以前配置的上下左右移动按键{"key":"alt+j","command":"......
  • vscode 在debug模式给被调试程序传递环境变量
      https://blog.csdn.net/jinxiaonian11/article/details/127965187 C/C++"environment":[{"name":"ENV_TEST","value":"1"},{"name":"T......
  • vscode使用chatGPT
    vscode使用chatGPT一、下载chatPGT在拓展中找到chatGPT,我这里下载的是中文版二、使用1.使用快捷键ctrl+shift+p进行查找chatGPT2.点击请输入问题3.输入你的问题,......
  • 2022第三届云原生编程挑战赛--Serverless VSCode WebIDE使用体验
    2022第三届云原生编程挑战赛--ServerlessVSCodeWebIDE使用体验​​活动背景​​​​赛题说明​​​​ServerlessVSCodeWebIDE体验​​​​体验入口​​​​什么是Server......
  • vba-光标移开文本框触发的事件
    PrivateSubTextBox1_AfterUpdate()TextBox1.Text=Format(CDate(TextBox1.Text),"yyyy/m/d")EndSub PrivateSubTextBox1_AfterUpdate()OnErrorGoTo......
  • VS2005中用Code Snippets提高开发效率
    新近编译的一篇关于vs.net2005中codesnippets的文章,原文发表在​​http://dev.yesky.com/msdn/432/2340932.shtml​​上,下面转过来这里在VS.NET200......
  • 解决vscode终端中出现的乱码问题
    解决思路乱码的出现一般是由于编码错误。在编辑器上正确显示的中文字符,却在终端编译出现乱码,这一般是因为vscode编辑器默认编码utf-8,而终端使用了gbk编码。解决方法1.......
  • mingw + cmake + vscode
    .vscode settings.json{  "cmake.generator":"MinGWMakefiles"} cmake-kits.json[  {    "name":"GCCforx86_64-w64-mingw3212.2.0"......
  • vscode配置arduino环境
    vscode配置arduino环境这里再补充下vscodearduino开发环境的设置。前期准备确保本地安装了arduino环境打开vscode,安装arduino扩展:添加配置配置arduino环境......
  • 解决vscode中在js文件中报ts检测提示
    1.遇到的问题vscode中在js文件中报ts检测语法提示2.解决方法在设置中查找validate找到Typescript设置,将JavaScript>Validate:enable设置为禁用,或者在setti......