如何使用VS Code在.vue文件中使用Typescript？

神无伽罗2020-03-16

我正在使用Visual Studio Code，Vue 2（Webpack模板）和Typescript。

这是我的App.vue组件：

<template>
    <div id="app">
        <navbar></navbar>
        [content here]
    </div>
</template>

<script lang="ts">
    import Navbar from './components/Navbar'

    export default {
        components: {
            Navbar
        }
    }
</script>

问题1：一切工作正常，但是我想<script lang="ts">在.ts文件中出现intellisense 标记，那么如何实现呢？

问题2：在我的main.ts中import App from './App'，但由于VS Code无法找到.ts文件，因此“ ./App”用红色下划线标出。有没有一种方法可以使编辑器在编译之前（编辑时）识别.vue？

更新（2018年3月25日）：我强烈建议大家谁愿意建立TypeScript阅读本