vue3中使用vite-ts构建项目时tsconfig.json的配置

在上一次创建vue3项目在tsconfig.json中配置了文件别名以后,格式校验提示

 

 

 es3什么鬼,便去看了一下tsconfig.json的配置,以此学习

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
    "compilerOptions": {
        "sourceMap": false, // 生成目标文件的sourseMap文件
        "strict": true, // 启用严格模式
        "noImplicitAny": false, // 不允许隐式的any类型
        "module": "esnext", // 指定生成代码的模板标准
        "target": "es6", // 目标语言的版本
        "moduleResolution": "Node", // 模块解析策略,ts默认使用node的解析策略,即相对的方式导入
        "removeComments": true, // 移除注释
        "strictNullChecks": true, // 不允许把null,undefined赋值给其它类型的变量
        "resolveJsonModule": true, // 允许导入json文件
        "baseUrl": ".", // 解析非相对模块的基地址,默认是当前目录,防止引入文件报错<br>     "diagnostics": true, // 打印诊断信息
        "paths": {  // 路径映射
            "/@/*": ["src/*"],
            "/server/*": ["server/*"]
        },
        "lib": ["esnext", "dom"], // TS需要引用的库,即声明文件,es5 默认引用dom、es5、scripthost,如需要使用es的高级版本特性,通常都需要配置,如es8的数组新特性需要引入"ES2019.Array",
        "types": ["vite/client", "jest", "node"], // 加载的文件声明包
        "jsx":"preserve", // jsx解析模板
        "esModuleInterop": true, // 允许导入而外的ts支持
        "skipLibCheck":true, // 所有声明文件(*.d.ts)的类型检查,解决打包不报错
        "suppressImplicitAnyIndexErrors":true, // 允许字符串下标表达式
        "plugins": [
            { "name": "@vuedx/typescript-plugin-vue" }
        ]
    },
    "include": [ // 指定一个匹配列表(属于自动指定该路径下的所以ts相关文件)
        "**/*.ts", "**/*.d.ts", "**/*.vue"
    ],
    "exclude": [
        "node_modules"
    ]
}

  

posted @   月下云生  阅读(1547)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示