当前位置: 首页 > news >正文

vscode中代码片段(snippets)配置,中的$1 $2 $0等占位符表示的意思

vscode中代码片段(snippets)配置,中的$1 $2 $0等占位符表示的意思

在代码片段里的表现

比如你写了这个片段配置:

"body": ["${1:element}.previousElementSibling"
]
  • 当你输入触发词并按下 Tab 后,编辑器里会出现:
    element.previousElementSibling
    并且 element 这个单词是被选中状态(高亮)

  • 此时你直接打字,比如输入 btn,原来的 element 就会替换成 btn,变成:
    btn.previousElementSibling

  • 打完后按 Tab,光标就会跳到下一个占位符(这里没有其他占位符,所以会跳到行尾)

如果有多个占位符

"body": ["function ${1:funcName}(${2:param}) {","    return ${3:value};","    $0","}"
]

展开后效果:

  1. 光标停留在 funcName 上($1 位置),你可以改函数名。

  2. 按 Tab → 光标跳到 param($2 位置),改参数名。

  3. 按 Tab → 光标跳到 value($3 位置)。

  4. 按 Tab → 光标跳到 $0(终点点),一般是代码末尾。

$0 是终点,之后再按 Tab 就不会跳到别处了。

http://www.jsqmd.com/news/736752/

相关文章:

  • Unity游戏本地化:集成AI翻译提升多语言内容生产效率
  • 如何使用Heroicons UI:5分钟快速上手教程
  • Arduino Portenta LTE Cat. M1/NB-IoT GNSS扩展板技术解析与应用
  • 戴尔G15散热控制终极指南:开源轻量级AWCC替代方案
  • 从信号处理到金融分析:MATLAB std函数在5个真实场景中的高阶用法
  • 如何3分钟免费将B站视频转文字?bili2text完全指南让你效率翻倍
  • RAG系统中语料库规模与模型容量的优化平衡
  • Shell-Pilot:纯Shell脚本实现的终端AI助手,无缝集成命令行工作流
  • 养老综合体设计哪家专业 2026年行业服务解析 - 品牌排行榜
  • 如何用DeepLearningPython构建强大的卷积神经网络:从LeNet到现代架构的完整指南
  • Laravel Hashids与Eloquent结合:如何在模型中使用ID编码的完整指南
  • 7个ES6语法糖完全指南:从入门到精通的实战解析
  • 为什么选择LINE Bot SDK Python:对比其他框架的5大优势分析
  • Diagon API详解:如何集成到你的项目中
  • XUnity.AutoTranslator:打破Unity游戏语言壁垒的智能翻译革命
  • snag:基于内容寻址的轻量级文件快照与同步工具实践
  • TI IWR6843ISK开发避坑指南:ECIBOOST、DCA1000与CCS调试模式到底怎么选?
  • 如何快速掌握Broadway.js:从NAL单元解析到帧重建的完整指南
  • 利用 Taotoken 实现多模型备选策略提升智能问答系统稳定性
  • 3步解决华硕笔记本风扇异常:G-Helper开源工具实战指南
  • 如何快速上手Ubertooth:从硬件组装到软件配置的完整教程
  • 终极指南:5步实现Cursor Pro永久免费,彻底解决AI编程助手试用限制
  • AI写作技能解析:从知识到文章的“破立塑润”四步法
  • 如何优化推荐系统中的Embedding?OneFlow稀疏张量支持的终极指南
  • 如何快速上手USBCopyer:新手必看的5分钟入门教程
  • 数控机床故障反演与定位【附代码】
  • 深入理解Navi匹配器:10个核心API详解与实战
  • 2026年5月阿里云Hermes Agent/OpenClaw安装教程+百炼token Plan全解析攻略
  • 如何快速搭建响应式查询应用:SQLSync与React集成完整指南
  • Windows 11安卓子系统终极部署指南:技术决策者的战略价值实现框架