如何编辑现有的VS Code Snippets

Question

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

例如,当i型REQ + TAB我需要require不requestAnimationFrame

Answer 1

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

但是,您可以定义自己的代码段并告诉Visual Studio代码首先显示代码段.怎么做:

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

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

将以下行添加到首选settings.json(用户或工作区设置)并保存
```
"editor.snippetSuggestions": "top" 
```
Run Code Online (Sandbox Code Playgroud)

现在,你让你的自定义require,只要你键入首位建议req在.js文件中.

Answer 2

扩展片段可以在下面的每个片段目录中找到:(
如果扩展中有片段)

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

选择要修改的扩展名,然后深入到其中的snippets /目录中的javascript.json文件,并更改您喜欢的任何内容.

请记住,如果/当您选择有一天下载并更新扩展程序时,所有个人修改都将被覆盖/替换为文件的更新版本.(当然,除非你在扩展目录之外松开你的更改...)

编辑/旁白: 仔细查看此目录中已存在的所有复制版本,看起来至少有一些扩展更新保留了以前的版本.如果是这种情况,当您在发布新版本时更新扩展时,您无需担心将修改后的文件的副本存储在其他位置; 将文件返回到活动状态可能就像从旧文件复制粘贴到适当的,更新的,编号更高的目录一样简单.

资源/引用/致谢:
感谢此处帮助我最初指向相关目录.

Answer 3

现在最新的 vscode 中可以实现这一点。解决方案在这里：https://github.com/microsoft/vscode/issues/10565#issuecomment-721832613

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

这正是我一直在寻找的：一种从扩展中禁用特定片段的方法，并且无需修改扩展即可执行此操作。选择“插入片段”，输入片段名称，然后单击眼睛图标“从 Intellisense 中隐藏”即可。谢谢！ (2认同)

Answer 4

在我的 Windows 安装中，默认/内置 JavaScript 片段位于

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

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

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

在 Mac 上，其“/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/extensions/javascript/snippets/javascript.code-snippets” - 您必须导航到“Visual Studio Code”应用程序，然后右键单击以显示包装内容。 (3认同)

Answer 5

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

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