【VScode】创建用户代码片段（以React.jsx文件为例）

一、创建步骤

• 点击设置，选择用户代码片段

• 选择新建全局代码片段
  
• 给你要创建的代码片段命名

• 将所圈住的代码片段取消注释

• 结构图

• 创建好后，Ctrl+S保存即可
• 然后在 js 文件中调用：
  
• 能弹出相应的快捷方式表示创建成功

二、相关问题

1. 我所创建的代码片段有的文件里能用，有的文件下又不能使用。
   答：比如你scope里面只写了javascript，那就只能在javascript中使用，如果想在css或者html中使用，就得把这两个也加上
   
2. 输入自己定义的快捷代码片段无显示快捷方式或者输出的结果和我所设置的不一样
   答：可能你设置的快捷代码片段的名称prefix与其他插件的快捷方式名称冲突了，尝试重命名试试
   

三、怎么在React.jsx文件中使用

• 这是比较最特殊的一点，也是我之前遇到的一个问题
• 首先你想在.jsx文件使用，你就得知道他的scope里面怎么去设置react文件类型是啥
• 我刚开始设置的是：react
  
• 然后发现既然没有用！
• 然后我再次尝试jsx类型
  
• 然后发现还是没啥用！
• emm，难道是javascriptjsx？还是reactjsx
• 在我百般尝试下终于发现了：javascriptreact
• 我有句话不知当不当讲：*************

• 最后还有一个发现，如果你实在不知道他文件类型该怎么写，那就干脆取消作用范围限制，把scope删掉。
• 虽然不太推荐注意下，但是把程序员惹急了，啥也干得出来，哈哈哈

希望我的这些经验能对你有所帮助，少走些弯路，加油