VSCode 配置用户代码片段

在我们日常工作中经常会有重复使用到的代码，比如函数封装，请求，异步函数操作等等，这时我们就需要对这些经常用到的代码片段进行封装，通过简短的命令符快速生成，来提高我们的工作效率

配置操作：

1.通过设置打开用户代码片段配置

 2. 点击新建全局代码片段，或者可以根据你的个人需要新建你在某个特定项目下的代码片段，看需求来

3. 进入全局代码编辑页面，并将图中红色框中区域解除注释

 4.得益于插件，所以这里的代码释义我就不手敲了，大家可以直接通过截图来看就可以

 

 

 

5. 根据注释，我们知道，可自定义的部分为，代码使用的语言列表，代码片段的前缀也就是我们使用是的简短命令符，片段内容以及片段描述，所以下面，我会以平时的post请求为例，新增代码片段

 其中的 "$2" 我在修改时基本没有删除，测试感觉应该是个换行命令符，所以建议保留，可以节省换行操作

body中的代码如下，需要可以直接复制

  "body": [
      "export const postname = (data) => {",
      " return request({",
      "  url: '',",
      "  data,",
      "  method: 'POST'",
      "})",
      "  }",
      "$2"
    ],

注:复制过来的代码不能直接保存，每行代码都要加上双引号，并且加上逗号来代表一行结束，如果粘贴后eslint报错，将每行中前面的空格部分删除保存，再根据你们需要的添加空格保存即可

6.代码已经编辑好

 7.进行测试看看是否可用

 

测试成功，大家可以按照自己需求去对需求的代码片段自行添加了

 如果帖子对您有用记得点按收藏哦🤌