今天在做项目的时候,每次新建一个vue页面的时候总是要写基本模块,回想起VS code提供了用户代码调用的功能,能够直接通过快捷键调用重复代码片段,写这篇文章记录一下
文件==》首选项==》用户片段==》新建全局代码片段文件==>选择vue.json
输入以下代码即可(下面代码片段已经对于空格换行等做过调整了,调用起来看上去舒服一些)
{
"Print to console": {
"prefix": "tem",
"body": [
"<template>",
" <div></div>" ,
"</template>",
" ",
"<script>",
" export default {",
" name: '',",
" //import 引入组件",
" components: {",
" ",
" },",
" data() {",
" return {",
" ",
" }",
" },",
" methods: {",
" ",
" },",
" mounted() {",
" ",
" },",
" }",
"</script>",
" ",
"<style scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}