浅谈VSCode中配置并生成自定义模板的方法
2022-11-18 09:21:57
164
{{single.collect_count}}
VSCode如何快速生成自定义模板?本篇文章给大家介绍一下VSCode中配置并生成自定义模板的方法。

php入门到就业线上直播课:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

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": ["<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键,模板就自动生成了

6.png

原文地址:https://juejin.cn/post/6974605121942454280

作者:三猪技术团队

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

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

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}