VScode如何快速生成【.vue】文件骨架（配置vue.json）

设置.vue 文件快速生成骨架：

1. 打开vscode,点击对话框左上角文件，依次点击：首选项 -> 配置用户代码片段；如下图

2. 输入框输入vue，选择vue.json；如下图

3.复制下面代码到 vue.json 文件并保存

{    "Print to console": {"prefix": "vue","body": ["<template>","  <div class=\"\">\n","  </div>","</template>\n","<script>","export default {","  name: '',","  props: {},","  data () {","    return {}","  },","  components: {","    ", "  },","  computed: {","    ",    "  },","  mounted: {","    ", "  },","  watch: {","    ","  },","  methods: {","    ",    "  },","  created () {","    ","  },","  mounted () {","    ","  },","}","</script>\n","<style scoped>","  ","</style>","$2"],"description": "Log output to console"}
}

4. 可以根据自己需求做出调整。

VScode如何快速生成【.vue】文件骨架（配置vue.json）相关推荐

vscode怎么快速生成html页面骨架
英文的!+ tab即可生成,效果如下:
python使用fpdf生成pdf文件：配置多种语言字体写入多种文字
python使用fpdf生成pdf文件:配置多种语言字体写入多种文字目录
linux dd 截文件,Linux使用dd命令快速生成大文件（转）
dd命令可以轻易实现创建指定大小的文件,如 dd if=/dev/zero of=test bs=1M count=1000 会生成一个1000M的test文件,文件内容为全0(因从/dev/zero ...
ASP程序快速生成Excel文件
ASP程序快速生成Excel文件在一个web项目中,要求将数据生成Excel文件保存到本地,最早使用的方法是直接使用Microsoft的Office Web组件,但是总体感觉是慢(微软的通病).然后 ...
Linux dd命令截取文件,linux使用dd命令快速生成大文件
dd命令可以轻易实现创建指定大小的文件,如 dd if=/dev/zero of=test bs=1M count=1000 会生成一个1000M的test文件,文件内容为全0(因从/dev/zero ...
将xml文件按照xsl文件样式快速生成html文件的方法
日志 > 个人日记转载到我空间复制本文网址隐藏签名档小字体选用该信纸上一篇 | 下一篇 | 返回日志列表设置置顶 | 编辑 | 删除将xml文件按照xsl文件样式快速生成htm ...
linux目录怎么自动生成,情景linux--如何快速生成大文件？
情景在写情景linux--如何解决服务器日志过大导致的磁盘空间不足?(实践篇)时,因为要实际演示,所以需要快速创建一个大文件.其实,在实际工作过程中,有些时候是有这种需求的.今天就将其作为一个话题探 ...
VSCode JS主题风格与样式环境配置 settings.json 文件配置完成 webstorm风格化配置
webstorm 很好用,但破解版难找,有些功能可能还存在问题(本人用的破解版在全局搜索上不对),而学生认证暂时的,因此不如直接把VScode 配置成webstorm样式,风格化很接近了.有注释参考. ...
IDEA下JNI开发快速生成头文件方法
JNI生成头文件的命令是: javah -jni -classpath (搜寻类目录) -d (输出目录) (类名) 步骤: 打开File->Setting->Tools->Ente ...

VScode如何快速生成【.vue】文件骨架（配置vue.json）

设置.vue 文件快速生成骨架：

1. 打开vscode,点击对话框左上角文件，依次点击：首选项 -> 配置用户代码片段；如下图

2. 输入框输入vue，选择vue.json；如下图

3.复制下面代码到 vue.json 文件并保存

4. 可以根据自己需求做出调整。

VScode如何快速生成【.vue】文件骨架（配置vue.json）相关推荐

最新文章

热门文章