如何编辑现有的VS Code Snippets

时间:2016-10-18 14:10:23

标签: visual-studio-code code-snippets

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

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

6 个答案:

答案 0 :(得分:19)

建议项requestAnimationFrame来自JavaScript语言服务。 这不是来自网页摘要。

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

  1. 转到File -> Preferences -> User Snippets并选择 JavaScript 以编辑该语言的摘要
  2. 将此条目添加到已打开的文件javascript.json并保存

    "require": {
        "prefix": "req",
        "body": [
            "require"
        ],
        "description": "Add 'require'"
    }
    
  3. 将以下行添加到首选settings.json(用户或工作区设置)并保存

    "editor.snippetSuggestions": "top" 
    
  4. 现在,只要您在require文件中输入req,就会首先获得自定义的.js建议。

答案 1 :(得分:13)

可以在以下每个代码段目录中找到扩展程序片段:
(如果扩展程序中有代码段)

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

选择您要修改的扩展程序,然后深入 摘要/ 中的 javascript.json 文件在那里的目录,并改变你喜欢的任何内容。

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

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

<强> 资源/引文/确认:
感谢here帮助我最初指向相关目录。

答案 2 :(得分:3)

在Windows安装上,默认/内置的JavaScript代码段位于

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

我将该代码段重命名为“ logx”(需要管理员特权才能修改文件),然后重新启动vsCode,现在只有我的用户“ log”代码段。

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

答案 3 :(得分:1)

在我的Windows10机器上,日志和其他默认的javascript代码段位于:

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

答案 4 :(得分:0)

我在~/.config/Code/User/snippets找到了我的

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

的文件。

如果要使用特定语言的代码段,请像php.json

那样创建

答案 5 :(得分:0)

大家注意!

这在最新的 vscode 中是可能的。解决方法:https://github.com/microsoft/vscode/issues/10565#issuecomment-721832613

该解决方案告诉您如何禁用任何代码段(包括内置或扩展代码段)。虽然这在技术上不是编辑代码段,但禁用代码段然后 creating your own user snippet 实现了完全相同的目标。耶!