如何将 VueJS 与 Typescript 一起使用？

Question

我正在尝试学习 Vue 和 Typescript。但我似乎无法正确设置它。

我用这些代码行创建了一个 app.ts 文件：

import { Vue } from "../libs/vue/vue";

var app = new Vue({
    el: "#app",
    data: {
        message: 'Hello Vue!'
    }
});

我认为这会编译成这样的东西：

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

但是当我运行 tsc 时，我遇到了很多错误。好像它正在尝试构建 Vue 定义文件？

我怎样才能开始使用 Vue，然后使用 TypeScript？是否有任何教程可以帮助我解决这个问题？我在网上找到了一些，但 none 似乎有所帮助，或者他们正在使用其他库，例如 av-ts，这给了我同样的问题

Answer 1

这是官方文档。

此外，您为什么要从“../libs/vue/vue”导入 Vue？这可能是问题的原因。如果你用npm install vue安装了Vue.js，你应该写

import Vue = require('vue');

或

import * as Vue from 'vue';

How to use VueJS with Typescript?