VScode 设置了vue 模板 还是出不来的鬼问题。

Vscode 中文插件

在商店中搜索Chinese（Simplied） language

打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue

• {
      "vue-template": {
          "prefix": "vue",
          "body": [
              "<template>",
              "  <div class=\"\">",
              "",
              "  </div>",
              "</template>",
              "",
              "<script>",
              "export default {",
              "  name: '',",
              "  data() { ",
              "    return {",
              "",
              "    }",
              "  },",
              "  props: {",
              "",
              "  },",
              "  components:{",
              "  },",
              "  mounted() {",
              "",
              "  },",
              "  methods:{",
              "",
              "  },",
              " }",
              "</script>",
              "",
              "<style lang=\"less\" scoped>",
              "  .$1{",
              "",
              "  }",
              "</style>"
  
          ],
          "description": "my vue template"
      }
  }

  新建一个名为test.vue的文件，输入vue按下enter

• 但是还出不来，无效果呢？

• 点击 文件-首选项-设置 》文本编辑器 》 建议  里面找到 setting.json的文件

• {
      "css.completion.completePropertyWithSemicolon": false,
      "liveServer.settings.donotShowInfoMsg": true,
      "emmet.syntaxProfiles": {
          "vue-html":"html",
          "vue":"html"
      },
      "files.associations": {
          "*.vue":"vue"
      },
      "editor.quickSuggestions": 'null'
  }