2018 年 2 月 20 日星期二
VSCode 添加 VUE 模板
1. 设置.vue 模板
打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框
在里面复制以下代码：
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"container\">",
" </div>",
"</template>",
"<script>",
"export default {",
" data() {",
" return {",
" }",
" },",
" components: {",
" }",
"}",
"</script>",
"<style scoped lang=\"scss\">",
"</style>",
"$2"
],
"description": "Log output to console"
}
点击文件 —— 首选项 —— 设置，修改以下设置：
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"emmet.triggerExpansionOnTab": true
然后输入 vue 按 Tab 键 就可以了
评论0