vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue配置tsconfig.json

Vue开发配置tsconfig.json文件的实现

作者：程序员云帆哥

tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项,本文就来介绍一下Vue开发配置tsconfig.json文件的实现,感兴趣的可以了解一下

一、简介

tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。

二、配置

1、示例

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "vite.config.ts"
  ],
  "exclude": ["dist", "**/*.js", "node_modules"]
}

compilerOptions：编译器选项列表。
include 和 exclude：指定一个文件glob匹配模式列表。

2、编译器选项列表

选项类型默认值描述
–allowJsbooleanfalse允许编译javascript文件。
–allowSyntheticDefaultImportsbooleanmodule === “system” 或设置了 --esModuleInterop 且 module 不为 es2015 / esnext允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出，仅为了类型检查。
–allowUnreachableCodebooleanfalse不报告执行不到的代码错误。
–allowUnusedLabelsbooleanfalse不报告未使用的标签错误。
–alwaysStrictbooleanfalse以严格模式解析并为每个源文件生成 "use strict"语句
–baseUrlstring解析非相对模块名的基准目录。
–charsetstring“utf8”输入文件的字符集。
–checkJsbooleanfalse在 .js文件中报告错误。与 --allowJs配合使用。
–declaration -dbooleanfalse生成相应的 .d.ts文件。
–declarationDirstring生成声明文件的输出路径。
–diagnosticsbooleanfalse显示诊断信息。
–disableSizeLimitbooleanfalse禁用JavaScript工程体积大小的限制
–emitBOMbooleanfalse在输出文件的开头加入BOM头（UTF-8 Byte Order Mark）。
–emitDecoratorMetadata [1]booleanfalse给源码里的装饰器声明加上设计类型元数据。
–experimentalDecorators [1]booleanfalse启用实验性的ES装饰器。
–extendedDiagnosticsbooleanfalse显示详细的诊段信息。
–forceConsistentCasingInFileNamesbooleanfalse禁止对同一个文件的不一致的引用。
–help -h打印帮助信息。
–importHelpersstring从 tslib 导入辅助工具函数（比如 __extends， __rest等）
–inlineSourceMapbooleanFALSE生成单个sourcemaps文件，而不是将每sourcemaps生成不同的文件。
–inlineSourcesbooleanfalse将代码与sourcemaps生成到一个文件中，要求同时设置了 --inlineSourceMap或 --sourceMap属性。
–init初始化TypeScript项目并创建一个 tsconfig.json文件。
–isolatedModulesbooleanfalse将每个文件作为单独的模块（与“ts.transpileModule”类似）。
–jsxstring“Preserve”在 .tsx文件里支持JSX： "React"或 “Preserve”。查看 JSX。
–jsxFactorystring“React.createElement”指定生成目标为react JSX时，使用的JSX工厂函数，比如 React.createElement或 h。
–libstring[]编译过程中需要引入的库文件的列表。
–listEmittedFilesbooleanfalse打印出编译后生成文件的名字。
–listFilesbooleanfalse编译过程中打印文件名。
–localestring(platform specific)显示错误信息时使用的语言，比如：en-us。
–mapRootstring为调试器指定指定sourcemap文件的路径，而不是使用生成时的路径。当 .map文件是在运行时指定的，并不同于 js文件的地址时使用这个标记。指定的路径会嵌入到 sourceMap里告诉调试器到哪里去找它们。
–maxNodeModuleJsDepthnumber0node_modules依赖的最大搜索深度并加载JavaScript文件。仅适用于 --allowJs。
–module -mstringtarget === “ES6” ? “ES6” : “commonjs”指定生成哪个模块系统代码： “None”， “CommonJS”， “AMD”， “System”， “UMD”， "ES6"或 “ES2015”。
–moduleResolutionstringmodule === “AMD” or “System” or “ES6” ? “Classic” : “Node”决定如何处理模块。或者是"Node"对于Node.js/io.js，或者是"Classic"（默认）。查看模块解析了解详情。
–newLinestring(platform specific)当生成文件时指定行结束符： “crlf”（windows）或 “lf”（unix）。
–noEmitbooleanfalse不生成输出文件。
–noEmitHelpersbooleanfalse不在输出文件中生成用户自定义的帮助函数代码，如 __extends。
–noEmitOnErrorbooleanfalse报错时不生成输出文件。
–noErrorTruncationbooleanfalse不截短错误消息。
–noFallthroughCasesInSwitchbooleanfalse报告switch语句的fallthrough错误。（即，不允许switch的case语句贯穿）
–noImplicitAnybooleanfalse在表达式和声明上有隐含的 any类型时报错。
–noImplicitReturnsbooleanfalse不是函数的所有返回路径都有返回值时报错。
–noImplicitThisbooleanfalse当 this表达式的值为 any类型的时候，生成一个错误。
–noImplicitUseStrictbooleanfalse模块输出中不包含 "use strict"指令。
–noLibbooleanfalse不包含默认的库文件（ lib.d.ts）。
–noResolvebooleanfalse不把 /// <reference``>或模块导入的文件加到编译文件列表。
–noStrictGenericChecksbooleanfalse禁用在函数类型里对泛型签名进行严格检查。
–noUnusedLocalsbooleanfalse若有未使用的局部变量则抛错。
–noUnusedParametersbooleanfalse若有未使用的参数则抛错。
–outstring弃用。使用 --outFile 代替。
–outDirstring重定向输出目录。
–outFilestring将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和 ///<reference``>和 import的文件顺序决定的。查看输出文件顺序文件了解详情。
paths [2]Object模块名到基于 baseUrl的路径映射的列表。查看 模块解析文档了解详情。
–preserveConstEnumsbooleanfalse保留 const和 enum声明。查看 const enums documentation了解详情。
–preserveSymlinksbooleanfalse不把符号链接解析为其真实路径；将符号链接文件视为真正的文件。
–preserveWatchOutputbooleanfalse保留watch模式下过时的控制台输出。
–pretty [1]booleanfalse给错误和消息设置样式，使用颜色和上下文。
–project -pstring编译指定目录下的项目。这个目录应该包含一个 tsconfig.json文件来管理编译。查看 tsconfig.json文档了解更多信息。
–reactNamespacestring“React”当目标为生成 “react” JSX时，指定 createElement和 __spread的调用对象
–removeCommentsbooleanfalse删除所有注释，除了以 /!*开头的版权信息。
–rootDirstring(common root directory is computed from the list of input files)仅用来控制输出的目录结构 --outDir。
rootDirs [2]string[]根（root）文件夹列表，表示运行时组合工程结构的内容。查看 模块解析文档了解详情。
–skipDefaultLibCheckbooleanfalse忽略 库的默认声明文件的类型检查。
–skipLibCheckbooleanfalse忽略所有的声明文件（ *.d.ts）的类型检查。
–sourceMapbooleanfalse生成相应的 .map文件。
–sourceRootstring指定TypeScript源文件的路径，以便调试器定位。当TypeScript文件的位置是在运行时指定时使用此标记。路径信息会被加到 sourceMap里。
–strictbooleanfalse启用所有严格类型检查选项。启用 --strict相当于启用 --noImplicitAny, --noImplicitThis, --alwaysStrict， --strictNullChecks和 --strictFunctionTypes和–strictPropertyInitialization。
–strictFunctionTypesbooleanfalse禁用函数参数双向协变检查。
–strictPropertyInitializationbooleanfalse确保类的非undefined属性已经在构造函数里初始化。若要令此选项生效，需要同时启用–strictNullChecks。
–strictNullChecksbooleanfalse在严格的 null检查模式下， null和 undefined值不包含在任何类型里，只允许用它们自己和 any来赋值（有个例外， undefined可以赋值到 void）。
–stripInternal [1]booleanfalse不对具有 /** @internal */ JSDoc注解的代码生成代码。
–suppressExcessPropertyErrors [1]booleanfalse阻止对对象字面量的额外属性检查。
–suppressImplicitAnyIndexErrorsbooleanfalse阻止 --noImplicitAny对缺少索引签名的索引对象报错。查看 issue #1232了解详情。
–target -tstring“ES3”指定ECMAScript目标版本 “ES3”（默认）， “ES5”， “ES6”/ “ES2015”， “ES2016”， "ES2017"或 “ESNext”。
–traceResolutionbooleanfalse生成模块解析日志信息
–typesstring[]要包含的类型声明文件名列表。查看 @types，–typeRoots和–types章节了解详细信息。
–typeRootsstring[]要包含的类型声明文件路径列表。查看 @types，–typeRoots和–types章节了解详细信息。
–version -v打印编译器版本号。
–watch -w在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。监视文件和目录的具体实现可以通过环境变量进行配置。详情请看配置 Watch。

 到此这篇关于Vue开发配置tsconfig.json文件的实现的文章就介绍到这了,更多相关Vue配置tsconfig.json内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:
阅读全文