目录

一、概述

二、详解

三、实例

一、概述

项目开发中，存在很多重复代码，可将其抽取出来定义成自己的代码片段，提高编码效率，实现快捷开发。

二、详解

详解1：选择并打开代码片段文件

详解2：删除代码片段文件

代码片段文件创建后会一直保存在本地电脑中，无法直接在VSCode中执行删除操作，必须手动删除。如下图所示，开启VSCode的导航路径，根据路径找到代码片段文件所在位置，直接删除即可。

详解3：选择或创建代码片段文件

用户手动创建的代码片段分为两种类型，其一全局代码片段文件，此类文件作用于VSCode处理的所有项目，其二仅针对当前项目的代码片段文件。两种类型的文件后缀名均为.code-snippets，语法也完全相同，但文件保存位置不同，作用域不同。

详解四：代码片段的构成

代码片段均在一个片段名称下定义，一个完整的代码片段分为四部分，分别是范围、前缀、正文和描述。片段范围即作用域，如果作用域为空或省略，则该片段将应用于所有语言。前缀用来触发片段，当片段被触发时，片段正文可被扩展和插入。

详解五：片段正文的语法

   
   

     
     

      
      

     
     
     
     

      
      

       
       1、
       
       $1: 生成代码后光标的初始位置
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       2、
       
       $2: 生成代码后光标的第二位置
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       3、
       
       $3: 生成代码后光标的第三位置, 依次类推, 可使用tab键快速切换
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       4、
       
       $0：生成代码后光标的最终位置, 顺序在
       
       $1,
       
       2,
       
       3......之后
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       5、
       
       ${
       
       1
       
       :defaultValue}：生成代码后光标的初始位置, defaultValue为默认值, 可按下Tab键不编辑直接跳过
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       6、
       
       ${
       
       2
       
       :defaultValue}：生成代码后光标的第二位置, defaultValue为默认值, 可按下Tab键不编辑直接跳过
      
      
     
     

     
     

      
      

     
     
     
     

      
      

       
       ......
      
      
     
     
   
   

如上图所示，正文body的属性值是一个数组，每一个数组元素之间均会换行。数组元素中，可以使用\n，表示换行，使用\t，表示空格。

三、实例