Javascript 是否预期VS代码的扩展Vetur不会’；是否在HTML文件中自动完成？_Javascript_Vue.js_Visual Studio Code

Javascript 是否预期VS代码的扩展Vetur不会’；是否在HTML文件中自动完成？

javascript vue.js visual-studio-code

Javascript 是否预期VS代码的扩展Vetur不会’；是否在HTML文件中自动完成？,javascript,vue.js,visual-studio-code,Javascript,Vue.js,Visual Studio Code,我刚开始学习Vue.js 2，为此我使用了但是，我注意到Vetur的自动完成功能只适用于.Vue文件，而不适用于html或Vue html格式例如，在这样的文件中：（xxx.html）完工根本不起作用。当我把v-这样的东西作为属性来写时，我看不到任何东西，我必须自己写即使在.JS文件（应该是一个Vue文件）中，除了语法突出显示之外，与Vue相关的任何东西都不起作用这是正常的还是我必须解决的问题？如果出现问题，解决方法是什么？是的，我想vetur只适用于.vuefiles@Sandro还

我刚开始学习Vue.js 2，为此我使用了

但是，我注意到Vetur的自动完成功能只适用于.Vue文件，而不适用于html或Vue html格式

例如，在这样的文件中：（xxx.html）

完工根本不起作用。当我把

v-

这样的东西作为属性来写时，我看不到任何东西，我必须自己写

即使在.JS文件（应该是一个Vue文件）中，除了语法突出显示之外，与Vue相关的任何东西都不起作用

这是正常的还是我必须解决的问题？如果出现问题，解决方法是什么？

是的，我想vetur只适用于.vuefiles@Sandro还有别的办法吗？这也是一个不相关的问题，但使用“新Vue”的Javascript文件和.Vue文件有什么区别？我认为它与单文件组件或类似的东西有关，但我不理解。不，vscode无法将这两个文件链接在一起，因为它无法确定web服务器将如何工作（也许它将用其他东西替换App.js？）…是的，.vue文件是单文件组件。它们非常适合使用，但需要编译器/transpiler thingy.np。您可以查看了解更多有关SFC的信息。

<!DOCTYPE html>
<html>

<head>
  <title> Vue.JS Tutorial </title>
  <link rel="stylesheet" href="styles.css">
  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
  <script src="App.js" defer></script>
</head>

<body>
  <div id="vue-app">
    <h1> My Profile </h1>
    <button @click="add(10)">Add 10 years</button>
    <button @click="subtract(20)">Subtract 10 years</button>
    <p>My age is: {{age}}</p> 
    <div id="canvas" @mousemove="updateXY">
      <p>{{x}}, {{y}}</p>
    </div>
  </div>
 
  
</body>

</html>

new Vue({
  el: "#vue-app",
  data: {
    age: 25,
    x: 0,
    y: 0
  },
  methods: {
    add: function(addnum) {
      this.age += addnum;
    },
    subtract: function(minusnum) {
      this.age -= minusnum;
    },
    updateXY: function(event) {
      this.x = event.offsetX;
      this.y = event.offsetY;
    }
  }
});