创建vue页面,快速初始化文件
1、点击vscode左下角的设置图标 2、选择用户代码片段 3、将以下代码复制到文件中的一对{}内
4、添加完成之后保存,当我们输入vue再单击Tab键,就可以初始化文件了
prefix是触发代码片段的命令,可以自己设置
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
" export default {",
" name:'',",
" data () {",
" return {\n",
" }",
" },",
" components: {\n",
" }",
" }",
"</script>\n",
"<style scpoed>",
" ",
"</style>",
"$1"
]
}
以上代码片段初始化的文件: