VScode中快速生成vue模板
打开vs code 界面左下角如图所示:在搜索框内搜索vue.json文件,可能显示的是vue,或者没有,如果没有你可以先在vs code中下载Vetur插件。vue.json默认是:要快速生成vue模板,需要在其中编辑加入下列代码:"Vue": {"prefix": "vue","body": ["<template>","<div>\n","
·
打开vs code 界面左下角如图所示:
在搜索框内搜索vue.json文件,可能显示的是vue,或者没有,如果没有你可以先在vs code中下载Vetur插件。
- vue.json默认是:
要快速生成vue模板,需要在其中编辑加入下列代码:
"Vue": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div></div>",
"</template>",
"",
"<script>",
"export default {",
"data() {",
"return {",
"",
"}",
"},",
"//生命周期 - 创建完成(访问当前this实例)",
"created() {",
"",
"},",
"//生命周期 - 挂载完成(访问DOM元素)",
"mounted() {",
"",
"}",
"}",
"</script>",
"<style scoped>",
"/* @import url(); 引入css类 */",
"$4",
"</style>"
],
"description": "Log output to console"
}
“prefix”: “vue”, 就是快捷键,(vue名称可随意修改)
新建vue文件,输入vue 按键盘的tab件生成vue模版
更多推荐
已为社区贡献1条内容
所有评论(0)