WWW.lllT.neTVSCode怎么才能转化成自定模版?这篇文章内容给我们介绍一下VSCode中配备并转化成自定模版的方式。

探讨VSCode中配备并转化成自定模版的方式

1. 组装VSCode

下载链接 :https://code.visualstudio.com/

组装结束后 运行 vsCode , 此处省略 一万字 ....【建议学习培训:《vscode教程》】

2. 唤醒VSCode控制面板

Windows 键盘快捷键 : Ctrl Shift P

macOS 键盘快捷键 : command Shift P

探讨VSCode中配备并转化成自定模版的方式

3.键入“snippets”并挑选

探讨VSCode中配备并转化成自定模版的方式

4. 如下所示有很多编码精彩片段 开展自定撰写

探讨VSCode中配备并转化成自定模版的方式

5. 大家以 vue 文档 开展演试 ( 键入vue ) 挑选 vue.json

探讨VSCode中配备并转化成自定模版的方式

6. vsCode 全自动 转化成 vue.json 文档 如下所示

探讨VSCode中配备并转化成自定模版的方式

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键,模版就自动生成了

探讨VSCode中配备并转化成自定模版的方式

全文详细地址:https://juejin.cn/post/6974605121942454280

创作者:三猪技术性精英团队

大量程序编写有关专业知识,请浏览:编程学习!!

以上便是探讨VSCode中配备并转化成自定模版的办法的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:探讨VSCode中配备并转化成自定模版的方式发布于2021-12-08 15:18:01