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

Vue.js

神无伽罗

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阅读

第1663篇《如何使用VS Code在.vue文件中使用Typescript?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
十三猴子 2020.03.16

对于第二季度,vue-class-component附带了一个解决方案sfc.d.ts,希望它可以为您提供帮助。如果您对第一季度有任何想法,请通知我

神无伽罗 2020.03.16

对于第一季度,我发现了一个很好的VS代码扩展,名为vetur,具有智能感知支持

对于Q2,.vue文件无法实现,仅需使用内部带有模板的.ts

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android