vscode vue 文件模板的配置方法

1. 安装VueHelper插件

2. 寻找 vue.json

按顺序点击vscode的：

文件
首选项
用户代码片段
接着搜索框中输入 vue， 回车

3. 填写模板内容

直接复制一下内容到 vue.json

{
 \"Print to console\": {
  \"prefix\": \"vue\",
  \"body\": [
   \"<template>\",
   \" <div>\\n\",
   \" </div>\",
   \"</template>\\n\",
   \"<script>\",
   \" export default {\",
   \"  name: \'\',\",
   \"  data () {\",
   \"   return {\\n\",
   \"   }\",
   \"  },\",
   \"  components: {\\n\",
   \"  }\",
   \" }\",
   \"</script>\\n\",
   \"<style scoped>\\n\",
   \" \",
   \"</style>\",
   \"$2\"
  ],
  \"description\": \"Log output to console\"
 }
}

4. 重启vscode

5. 测试

新建一个 vue 文件
输入 vue 之后，点击 Tab 键
Happy Coding!

以上所述是小编给大家介绍的vscode vue 文件模板的配置方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！