vscode自定义代码提示

vscode输入一段代码后,自动给代码提示,那么如何才能自定义呢?

  1. 点击左下角设置按钮,弹出一个框。
  2. 选择点击"用户代码片段",又弹出一个框
  3. 提供了很多选项,其中包括了针对某些类型的文件(如:javascript)只针对js有效

输入vue.json,enter一下

bash 复制代码
针对*.vue文件,才有效。
{
  "Print to console": {
    "prefix": "log", // 输入log,会提示
    "body": ["console.log('$1');", "$2"],// $2 会在下面加一个位置,tab键换位
    "description": "会输出log内容" // 提示描述
  }
}

输入vue-html.json,enter以下

针对*.vue文件下,在template内才有效。

相关推荐
VidDown2 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠2 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质2 天前
Trae IDE 新手入门指南
ide
VidDown2 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦2 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown2 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐2 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM323 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin999993 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员3 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea