vscode自定义vue初始代码片段

    技术2023-09-11  118

    创建vue页面,快速初始化文件

    1、点击vscode左下角的设置图标 2、选择用户代码片段 3、将以下代码复制到文件中的一对{}内

    4、添加完成之后保存,当我们输入vue再单击Tab键,就可以初始化文件了

    prefix是触发代码片段的命令,可以自己设置

    "Print to console": { // prefix: 触发代码片段的命令 "prefix": "vue", // body: 设置的代码块内容 "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " name:'',", " data () {", " return {\n", " }", " },", " components: {\n", " }", " }", "</script>\n", "<style scpoed>", " ", "</style>", "$1" ] }

    以上代码片段初始化的文件:

    Processed: 0.009, SQL: 9