1、经常用到的 vue代码模板 可以通过设置 vscode 进行设置
2、找到vue配置文件
3、替换模板格式代码
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div class=\"\">",
"",
"</div>",
"</template>",
"",
"<script>",
"export default {",
" name:\"\",",
" data() {",
" return {",
"",
" }",
" },",
" //生命周期 - 创建完成(访问当前this实例)",
" created() {",
"",
" },",
" //生命周期 - 挂载完成(访问DOM元素)",
" mounted() {",
"",
" }",
"}",
"</script>",
"<style lang=\"less\" scoped>",
"/* @import url(); 引入css类 */",
"$4",
"</style>"
],
"description": "生成vue模板"
}
}
注意:prefix 这个字段是快捷键匹配(可以自己定义)
4、配置完成
新建. vue文件 输入 vue