本文共计653个文字，预计阅读时间需要3分钟。

VSCode 快速生成自定义模板方法：

1. 安装 VSCode - 下载地址：[https://code.visualstudio.com/](https://code.visualstudio.com/) - 安装完成后，启动 VSCode。

2. 配置模板 - 打开 VSCode，进入文件菜单，选择首选项 > 设置。 - 在搜索框中输入File > New > File，找到并点击File > New > File下的User templates。 - 在打开的文件夹中，创建一个新的文件，例如命名为mytemplate.txt。 - 在该文件中输入你的自定义模板内容。

3. 保存模板 - 保存文件，确保文件扩展名为.txt。

4. 使用模板 - 在 VSCode 中，点击文件 > 新建文件。 - 在文件类型选择中，找到并选择User templates。 - 选择你刚才创建的模板文件，点击打开即可。

完成！现在你可以在 VSCode 中快速使用自定义模板了。

VSCode如何快速生成自定义模板？本篇文章给大家介绍一下VSCode中配置并生成自定义模板的方法。

1. 安装VSCode

下载地址 ：code.visualstudio.com/

安装完成后 启动 vsCode , 此处省略 一万字 ....

2. 唤出VSCode控制台

Windows 快捷键 : Ctrl + Shift + P

macOS 快捷键 : command + Shift + P

3.输入“snippets”并选择

4. 如下有许多代码片段 进行自定义编写

5. 我们以 vue 文件 进行演示 （ 输入vue ） 选择 vue.json

6. vsCode 自动 生成 vue.json 文件 如下

7. 将 vue.json 文件 改为如下配置（ 可根据个人需求进行修改模板内容 ）

{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " components: {},", " props: {},", " data() {", " return {", " };", " },", " watch: {},", " computed: {},", " methods: {},", " created() {},", " mounted() {}", "};", "</script>", "<style lang=\"scss\" scoped>", "</style>" ], "description": "A vue file template" } }

8. 在项目中 新建一个vue 文件 输入 “ vue ” 按下回车键或者Tab键，模板就自动生成了

原文地址：juejin.cn/post/6974605121942454280

作者：三猪技术团队

更多编程相关知识，请访问：编程入门！！

以上就是浅谈VSCode中配置并生成自定义模板的方法的详细内容，更多请关注自由互联其它相关文章！