VScode 用户片段

文章目录

• 前言
• 一、怎么定义？
• 二、使用方式
• 总结

---

前言

用户代码片段是 VScode 编辑器的一个功能，解决了原先代码提示的生硬，能够根据开发者的需要而单独设置，这样可以一定程度上提高了开发人员的开发效率。

---

一、怎么定义？

1. 首先，打开我们的编辑器，文件 - 首选项 - 用户片段。

2. 根据需要设置的语言来选择（这里我选择了 javascript.json 文件，并通过 javascript 语言来进行演示）。

3. 例如下图中的代码片段一，我们可以通过输入 “clg” 就可以得到 “console.log()” 这一语句；body 中的 ”$1“ 是代表光标的位置，通过带有“$1“是代表光标的位置，通过带有“{varName}”变量值生成的代码片段，可以按 tab 键依次从小到大切换光标的位置。值得一提的是因为是通过 json 语法行存储的，所以输入的语法一定要符合 json 格式。

4. 带有多个“${varName}”变量值的代码片段。

二、使用方式

根据定义好的语言，新建语言文件，输入在用户片段定义的前缀，即可有对应的提示。绿色正方形代表着用户片段。

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了 VScdoe 用户片段的使用，而 VScode 提供了大量能使我们快速便捷地开发方式，有更多技巧的小伙伴欢迎在留言区进行留言分享。