认识

2023年02月20日

柏拉文

越努力，越幸运

提示

片段文档

一、认识

---

代码片段是模板，可以更轻松地输入重复代码模式，例如循环或条件语句。

二、语法

---

在项目根目录.vscode文件夹中, 通过创建、定义xxx.code-snippets 将会创建用户片段, xxx.code-snippets 语法如下所示:

{
  "hello": {
    "scope": "javascript,html", 
    "prefix": "hello",          
    "body": "$BLOCK_COMMENT_START Hello World $BLOCK_COMMENT_END"
  }
}

• scope: 限定片段作用范围

  {
      "hello": {
          "scope": "javascript,html",  // 片段只作用于 javascript，html
          "prefix": "hello",          
          "body": "$BLOCK_COMMENT_START Hello World $BLOCK_COMMENT_END"
      }
  }

• prefix: 定义一个或多个在 IntelliSense 中显示片段的触发词

  {
      "hello": {
          "scope": "javascript,html",  
          "prefix": "hello",      // 一个触发词
          "body": "$BLOCK_COMMENT_START Hello World $BLOCK_COMMENT_END"
      }
  }
  
  {
      "hello": {
          "prefix": ["for", "for-const"],,      // 多个触发词
          "body": "$BLOCK_COMMENT_START Hello World $BLOCK_COMMENT_END"
      }
  }

• body: 是一行或多行内容，在插入时将合并为多行。换行符和嵌入的标签将根据插入片段的上下文进行格式化。

• description: 是 IntelliSense 显示的片段的可选描述