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

Question

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

例如，当我键入 req+TAB 时，我需要 require 而不是 requestAnimationFrame

Answer 1

建议项目 requestAnimationFrame 来自 JavaScript 语言服务。 它不是来自片段。

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

转到 File -> Preferences -> User Snippets 和 select JavaScript 以编辑该语言的片段

将此条目添加到打开的文件javascript.json并保存

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

将以下行添加到您的首选settings.json（用户或工作区设置）并保存
```
"editor.snippetSuggestions": "top" 
```

现在，只要在 .js 文件中键入 req，您就会首先获得自己定义的 require 建议。

Answer 2

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

Mac/Linux: $HOME/.vscode/extensions/
Windows: %USERPROFILE%\.vscode\extensions/

Select你要修改的扩展然后进入javascript.json文件snippets/目录里面，随便改。

请记住，if/when 您选择下载并更新扩展，总有一天，您所有的个人修改都会 overwritten/replaced 与更新版本一起消失文件。（当然除非您将更改保存在扩展目录之外...）

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

Resources/citations/acknowledgements:
感谢 here 最初帮助我指向相关目录。

Answer 3

在我的 Windows 安装中，default/built-in JavaScript 片段位于

C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

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

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

Answer 4

在我的 Windows10 机器上，可以在以下位置找到日志和其他默认 javascript 片段：

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

Answer 5

我在 ~/.config/Code/User/snippets

找到了我的

如果要创建全局代码段，请创建名为 snippet_name.code-snippets

的文件

如果您想要特定语言的代码段，请像 php.json

一样创建它

Answer 6

大家注意了！

这在最近的 vscode 中是可能的。此处的解决方案：https://github.com/microsoft/vscode/issues/10565#issuecomment-721832613

该解决方案告诉您如何禁用任何代码段（包括内置或扩展代码段）。虽然从技术上讲这不是编辑代码段，但禁用代码段然后 creating your own user snippet 可以实现相同的确切目标。耶！

Answer 7

隐藏默认 VSCode 片段很容易：

you can hide specific snippets from showing in IntelliSense (completion list) by selecting the Hide from IntelliSense button to the right of snippet items in the Insert Snippet command dropdown.

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

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

How to edit existing VS Code Snippets

code-snippets

visual-studio-code