使用 TypeScript Core 0.10.0+

@vapper/core0.10.0 起支持 TypeScript。实际上,由于 Vapper 借助 Vue-CLI3+Poi 来管理 webpack 配置,因此你可以直接使用 Vue-CLI3+Poi 提供的 TypeScript 插件。下面以 Vue-CLI3@vue/cli-plugin-typescript 为例,演示如何在项目中使用 TypeScript

初始化项目

首先,按照 Usage - 集成到 Vue CLI 3 项目 中介绍的那样初始化一个新的项目。

安装 @vue/cli-plugin-typescript

接着,执行如下命令安装 @vue/cli-plugin-typescript 插件:

vue add typescript

添加类型声明文件

在项目根目录添加 global.d.ts 文件,并将如下代码复制到该文件:

import Vue, { ComponentOptions } from 'vue'
import { MetaInfo, VueMetaPlugin } from 'vue-meta'

declare module 'vue/types/vue' {
  interface Vue {
    $$type: 'server' | 'client'
    error: Error
  }
}

declare module 'vue/types/options' {
  interface ComponentOptions<V extends Vue> {
    head?: MetaInfo
  }
}

最后修改 tsconfig.json 中的 include 字段:









 



{
  // 其他配置
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx",
    "global.d.ts"
  ]
}

如果不出意外,你已经可以使用 TypeScript 开发你的项目了。