如何编辑现有的 VS 代码片段

Question

有没有办法删除或编辑 Visual Studio CODE 中的一些默认代码片段？

例如，当我输入 req+TAB 时，我需要

require

而不是

requestAnimationFrame

Answer 1

扩展片段可以在下面的每个片段目录中找到：
（如果扩展中有片段）

Mac/Linux：

$HOME/.vscode/extensions/

窗户：

%USERPROFILE%\.vscode\extensions/

选择要修改的扩展名，然后深入到 snippets/ 目录中的 javascript.json 文件，然后进行任何你喜欢的更改。

请记住，如果/当您有一天选择下载并更新扩展时，您的所有个人修改都将被文件的更新版本覆盖/替换。 （当然，除非您将更改存储在扩展程序目录之外......）

编辑/旁白： 仔细观察此目录中已存在的所有复制版本，似乎至少有一些扩展更新保留了以前的版本。如果是这种情况，当您在新版本发布时“更新”扩展时，您无需担心将修改后的文件的副本存储在其他地方；将文件返回现役可能就像将旧文件复制粘贴到适当的、更新的、编号更高的目录中一样简单。

资源/引用/致谢： 感谢here
帮助我最初指向相关目录。

Answer 2

requestAnimationFrame

来自JavaScript语言服务。

它不是来自片段。

但是，您可以定义自己的代码片段并告诉 Visual Studio Code 首先显示代码片段。怎么做：

转到

File -> Preferences -> User Snippets
1. 并选择

   JavaScript

   以编辑该语言的片段
将此条目添加到打开的文件中
2. javascript.json

   并保存

   "require": {
       "prefix": "req",
       "body": [
           "require"
       ],
       "description": "Add 'require'"
   }

将以下行添加到您首选的
3. settings.json

   （用户或工作区设置）并保存

   "editor.snippetSuggestions": "top"

现在，只要您在

require

文件中键入

req

，您就会首先获得自定义的

.js

建议。

Answer 3

C:\Users\$USER\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

Answer 4

C:\Program Files (x86)\Microsoft VS Code 资源 pp xtensions\javascript\snippets\javascript.json

我将该片段重命名为“logx”（需要管理员权限才能修改文件）并重新启动 vsCode，现在只有我的用户“log”片段。

问题跟踪器上有一些关于此问题的主题 -

https://github.com/Microsoft/vscode/issues/10565
https://github.com/Microsoft/vscode/issues/48315

Answer 5

https://github.com/microsoft/vscode/issues/10565#issuecomment-721832613

该解决方案告诉您如何禁用任何片段（包括内置或扩展片段）。虽然从技术上讲这不是编辑代码片段，但禁用代码片段然后

创建您自己的用户代码片段

可以实现相同的目标。耶！

Answer 6

~/.config/Code/User/snippets

找到了我的

如果您想创建全局代码片段，请创建一个名为

snippet_name.code-snippets

 的文件

如果您想要特定于语言的代码片段，请像

php.json

 那样创建它
    

Answer 7

您可以通过选择

插入代码段

命令下拉列表中代码段项右侧的从 IntelliSense 隐藏按钮来隐藏特定代码段，使其不显示在 IntelliSense（完成列表）中。

https://code.visualstudio.com/docs/editor/userdefinesnippets#_can-i-remove-snippets-from-intellisense