vscode快速生成vue组件模板代码

时间：2021-01-11 14:37:49 阅读：100 评论：0 收藏：0 [点我收藏+]

1、文件-->首选项-->用户片段-->搜索vue-->点击vue.json

2、复制以下代码

{

"Print to console": {

"prefix": "vue",

"body": [

"",

"<template>",

"<div class=‘page‘>"

"",

"</div>",

"</template>",

"",

"<script>",

"export default {",

"data() {",

"return {",

"",

"};",

"},",

"mounted() {",

"",

"},",

"methods: {",

"",

"},",

"}",

"</script>",

"<style scoped>",

"",

"</style>"

"description": "Log output to console"

}

3、上面代码中的 “prefix”: “vue”, 就是快捷键；保存代码，新建vue结尾的文件，在空页面中输入vue，点击回车即可

原文：https://www.cnblogs.com/zhang-DaChong/p/14261519.html

踩

(0)

评论一句话评论（0）

分享档案

更多>