VSCode

 

1.新建vue文件自定义模板

前提VSCode安装了vetur

• 先安装 Vetur 扩展 让 VSCode 支持 .vue的扩展名
• 然后 菜单栏 -文件 - 首选项 - 用户代码片段
• 输入vue点击进行设置
• -把下面的代码片段放入里面
  

  "Print to console": {
          "prefix": "log",
          "body": [
              "console.log('$1');",
              "$2"
          ],
          "description": "Log output to console"
      },
      "Create vue template": {
          "prefix": "vue",
          "body": [
              "<template>",
              "</template>",
              "<script>",
              "export default {",
              "  name: \"${1:component_name}\",",
              "  data () {",
              "    return {",
              "    };",
              "  }",
              "}",
              "</script>",
              "<style lang=\"${2:scss}\" scoped>",
              "</style>"
          ],
          "description": "Create vue template"
      }