浅谈VSCode中配置并生成自定义模板的方法

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

浅谈VSCode中配置并生成自定义模板的方法

1. 安装VSCode

下载地址 :https://code.visualstudio.com/

安装完成后 启动 vsCode , 此处省略 一万字 ….【推荐学习:《vscode教程》】

2. 唤出VSCode控制台

Windows 快捷键 : Ctrl + Shift + P

macOS 快捷键  : command + Shift + P

1.png

3.输入“snippets”并选择

2.png

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

3.png

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

4.png

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

5.png

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

{"Print to console": {"prefix": "vue","body": ["","  
","","","","export default {"," components: {},"," props: {},"," data() {"," return {"," };"," },"," watch: {},"," computed: {},"," methods: {},"," created() {},"," mounted() {}","};","","",""],"description": "A vue file template"}}

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

6.png

原文地址:https://juejin.cn/post/6974605121942454280作者:三猪技术团队

更多编程相关知识,请访问:编程入门!!

以上就是浅谈VSCode中配置并生成自定义模板的方法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/59847.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 16:08:05
下一篇 2025年11月10日 16:50:47

相关推荐

发表回复

登录后才能评论
关注微信