VSCode自定义代码模板

不念不忘少年蓝@ 2024-04-01 10:22 85阅读 0赞

1.首先选择文件-首选项-配置用户代码片段

![25963b07239b4c3494b50aab07c16b78.png][]

2.可以选择默认的全局代码片段进行修改也可以创建代码片段文件

现有代码片段就是目前你的项目所使用的编程语言对应的代码模板，全局代码片段就是IDE全局使用的代码模板，Test1文件夹的代码片段就是仅针对Test1项目的代码模板

![57d9611ce2504ce58159e6a77f2a7883.png][]

3.代码模板

"This is a code snippet": {
    	"scope": "csharp",//作用域，也就是哪些编程语言可以使用这个代码模板
    	"prefix": "a_test2",//快捷输入名称
    	"body": [//自定义代码模板内容区域
    		"using System;\n",
    		"namespace Test2",
    		"{",
    		"\tclass $TM_FILENAME_BASE",
    		"\t{",
    		"\t\t$0",
    		"\t}",
    		"}"
    	],
    	"description": "This is a code snippet"//代码模板描述
    }

4.调用模板

![6423777990274e9493864012ac2e6575.png][]

官方的文档有很详细的介绍，后面我会专门出一个系列介绍相关详细的知识

**参考资料：[Snippets in Visual Studio Code][]**

**如果该文章对你有帮助，请给作者点个赞吧！**

[25963b07239b4c3494b50aab07c16b78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d9bdcdce788e4a03851eb2dc0528ce16.png
[57d9611ce2504ce58159e6a77f2a7883.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cdca7b72a1b24db78a267f037ac99f0f.png
[6423777990274e9493864012ac2e6575.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5349e1bc23844e65af5e51a8d7a2610a.png
[Snippets in Visual Studio Code]: https://code.visualstudio.com/docs/editor/userdefinedsnippets

发表评论取消回复

表情：

评论列表（有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode自定义代码模板

1.首先选择文件-首选项-配置用户代码片段 ![25963b07239b4c3494b50aab07c16b78.png][] 2.可以选择默认的全局代码片段进行修改也可以

不念不忘少年蓝@/ 2024年04月01日 10:22/ 0 赞/ 86 阅读

相关 VisualStudio自定义代码模板

1.任选一个文件夹下，创建一个.snippet代码模板文件 ![1fc0c291571f47ab8aed2bfdbf277b2b.png][] 2.对文件进行编写，以下是代

╰+哭是因爲堅強的太久メ/ 2024年04月01日 10:20/ 0 赞/ 68 阅读

相关 VScode自定义模板的使用

为了提高效率，使用快捷键就能生成模板代码是不是美滋滋！直接上马 1. 首先找到用户代码段 ![在这里插入图片描述][watermark_type_ZmFuZ

￡神魔★判官ぃ/ 2023年02月23日 07:48/ 0 赞/ 15 阅读

相关 VSCode 如何操作用户自定义代码片段（模板）

文章目录（1）VSCode 如何操作用户自定义代码片段（快捷键）（2）vetur的配置（3）安装了Vetur之后settin

淩亂°似流年/ 2023年02月20日 13:46/ 0 赞/ 30 阅读

相关 vscode自定义HTML模板内容

经常使用vscode编辑器的朋友都知道，新建html文件之后直接！+Tab键即可新建一个HTML模板，但是这只是一个基础版，当然也可以自定义HTML模板。 1、打开首选项--

r囧r小猫/ 2022年12月11日 13:49/ 0 赞/ 224 阅读

相关 VScode创建Vue模板代码-自定义代码片段

前提：vscode中已安装vue 配置模块代码片段： 1. 依次选择 “ File（文件） -> preperences（首选项） -> User Snippets(用户

﹏ヽ暗。殇╰゛Y/ 2022年12月05日 01:35/ 0 赞/ 255 阅读

相关 vsCode自定义代码片段，生成个性化代码模板

在vscode编辑器里开发代码时会发现，vscode内置了一些语言的代码片段，会在智能提示框里一起出现，帮助自动补全代码，用起来很方便。这些代码片段是通过snippets

超、凢脫俗/ 2022年11月04日 15:23/ 0 赞/ 11 阅读

相关 VScode—自定义代码片段snippets

转载：[https://www.jianshu.com/p/1f1132df1def][https_www.jianshu.com_p_1f1132df1def] 自定义

缺乏、安全感/ 2022年03月18日 14:56/ 0 赞/ 348 阅读

相关 vscode 自定义代码片段

[原文地址][Link 1] 实现效果 ![1.gif][] 起因最近在写一个全新的项目，在项目中频繁创建各种类，这就导致很多重复的东西需要频繁的写，例如类名

青旅半醒/ 2022年03月09日 01:58/ 0 赞/ 366 阅读

相关 VScode新建自定义模板快捷方式

VS新建vue文件的自定义模板在使用`vscode`开发的时候，新建vue文件是不可或缺的，但是`VSCode`并没有`vue`文件的初始化模板，这个需要自定义模板。

骑猪看日落/ 2021年09月07日 06:01/ 0 赞/ 787 阅读