You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改VSCode 1.20.1中的默认代码片段(Windows 10 1709)

修改VSCode中fun代码片段的方法

嘿,我来帮你搞定这个问题!你想修改输入fun按Tab生成的代码片段对吧?其实不用费劲找内置文件(而且就算找到了,直接修改也容易被VSCode更新覆盖),用用户自定义代码片段就能轻松覆盖默认的fun片段,步骤超简单:

  • 打开命令面板:按下Ctrl+Shift+P(Windows系统),输入Preferences: Configure User Snippets后回车。
  • 选择代码片段的生效范围:
    • 如果你只想在JavaScript文件里替换这个片段,就选择javascript.json;
    • 要是想让所有语言都能用你自定义的fun片段,就选New Global Snippets file...,随便给它起个名字(比如custom-fun-snippet.json)就行。
  • 在打开的JSON文件里,写入你自己的代码片段配置。比如你想把默认的function name(params) { }改成带占位提示的版本,就可以写:
{
  "自定义函数代码片段": {
    "prefix": "fun",
    "body": [
      "function ${1:functionName}(${2:parameters}) {",
      "  // 在这里编写函数逻辑",
      "  $0",
      "}"
    ],
    "description": "替换默认的fun代码片段"
  }
}

这里的${1:functionName}是第一个可编辑的占位符,按Tab可以切换到${2:parameters},最后$0是光标最终停留的位置,你可以根据自己的习惯调整内容哦。

  • 保存文件后,回到编辑器输入fun再按Tab,就能看到你自定义的代码片段啦!

另外说一句,VSCode的内置代码片段其实是打包在安装目录的extensions文件夹里的(比如Windows下路径大概是C:\Program Files\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json),但官方非常不推荐直接修改这个文件,因为每次VSCode更新都会覆盖掉你的修改,所以用用户自定义片段才是最稳妥的办法。

内容的提问来源于stack exchange,提问作者Cooper

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 10:21:31