设置VSCode快捷键vue生成代码片段

Ctrl+Shift+P

复制下面的代码片段

{"vue-template": {"prefix": "vue-强哥的模板", //这个是模板的自定义名称"body": ["<template>","  <div class='sg-body'>","    ","  </div>","</template>","","<script>","export default {","  data () {","    return {","      ","    }","  },","  components: {","    ","  },","  computed: {","    ","  },","  watch: {","    ","  },","  methods: {","  init(){","","},","  },","  created () {","    ","  },","  mounted () {","    ","  },","  filters: {","    ","  },","}","</script>","","<style lang='scss' scoped>",".sg-body{","","}","</style>","",],"description": "你挚爱的强哥http://www.shuzhiqiang.com"}
}

这个时候去新建一个vue文件，然后输入vue看下效果吧

设置VSCode快捷键vue生成代码片段相关推荐

Vscode 快捷键生成代码片段
Vscode 快捷键生成代码片段 1. 网站工具 2. 自动生成日期及自动定位光标 3. 码片段配置步骤 4. 我的代码片段 1. 网站工具需要借助的网站(可快速生成vscode需要的代码片段格式) ...
boost::regex模块实现以编程方式生成代码片段，以便剪切并粘贴到正则表达式源中测试程序
boost::regex模块实现以编程方式生成代码片段,以便剪切并粘贴到正则表达式源中测试程序实现功能 C++实现代码实现功能 boost::regex模块实现以编程方式生成代码片段,以便剪切并粘 ...
设置 Xcode 自动生成代码片段
一.什么是代码片段当在Xcode中输入dowhile并回车后,Xcode会出现下图所示的提示代码: 这就是代码片段,目的是使程序员以最快的速度输入常用的代码片段,提高编程效率.该功能是从Xcode4 ...
VSCODE 简单配置用户代码片段
利用VSCODE 配置用户代码片段功能,实现自定义生成一段代码的快捷键例如:生成一个 Vue 实例,每次都要写这些很麻烦,想一键生成 new Vue({el: '#root',data: {}, } ...
【tools第3期】VsCode根据模板生成代码
新建.vue文件后,vsCode能够根据配置,自动生成我们想要的内容. 方法打开vsCode编辑器,依次选择"文件->首选项->用户代码片段",此时,会弹出一个搜索框 ...
vscode多个光标_21 个VSCode 快捷键，让代码更快，更有趣
本文原载于SegmentFault专栏:终身学习者作者:前端小智整理编辑:SegmentFault command 做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的.但 VS ...
vscode 结束_21 个VSCode 快捷键，让代码更快，更有趣
原文:https://medium.com/better-programming/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b ...
vscode代码调整快捷键_21 个VSCode 快捷键，让代码更快，更有趣
注意:本身尝试的时候,Mac(17, pro) 与原文提供的快捷键盘不太同样,mac 对应的 Ctrl 要换成 commandgithub 作为前端开发者来讲,大都数都用过 VSCode,而且也有不少 ...
vscode运行python快捷键_21 个VSCode 快捷键，让代码更快，更有趣
点赞再看,养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家 ...

设置VSCode快捷键vue生成代码片段

设置VSCode快捷键vue生成代码片段相关推荐

最新文章

热门文章