Typescript tsconfig

Typescript-tsconfig.json

typescript之旅

1.TypeScript-Basic
2.TypeScript interface
3.Typescript-module(1)
4.TypeScript Modules(2)
5.Typescript tsconfig
6.TypeScript Functions
7.Typescript Class

tsconfig.json

  • 如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录

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

tsconfig.json的两种使用方式

  • 在当前目录下输入tsc命令,编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录

  • tsc -project(或-p)指定一个包含tsconfig.json文件的目录

示例

  • compilerOptions(编译选项)

非必需,编译器会使用默认值

  • files

非必需,编译器会默认包含当前目录及子目录下的所有TypeScript文件(.ts 或 .tsx)。 如果提供了"files"属性值,只有指定的文件会被编译。

  • exclude

非必需,如果指定了"exclude"选项,编译器会包含当前目录及子目录下的所有TypeScript文件(.ts 或 .tsx),不包括这些指定要排除的文件。

注意

  • "files"选项不能与"exclude"选项同时使用。如果同时指定了两个选项的话,只有"files"会生效。

  • 命令行上提供的编译选项会覆盖tsconfig.json文件中的对应选项。

编译选项

常用:

选项描述
--sourceMap生成相应的'.map'文件。
--outDir指定--outFile的目录
--outFile将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和///<reference``>和import的文件顺序决定的。查看输出文件顺序文件了解详情。
--module'commonjs','amd','system',或 'umd'。只有'amd'和'system'能和--outFile一起使用。

{
    "compilerOptions": {
        "noImplicitAny": true,
        "declaration": true,
        "module": "system",
        "outDir": "lib",
        "out": "lib/state.com.js"
    },
    "files": [
        "src/header.ts",
        ....
    ]
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
什么是TypeScriptTypeScriptJavaScript的加强版,它给JavaScript添加了可选的静态类型和基于类的面向对象编程,它拓展了JavaScript的语法。不过,你不必担心TypeScript跟浏览器不兼容,因为在编译时,它产生的都是JavaScript代码。为什么要学TypeScritpt?TypeScript是一门很有前景和钱景的语言;它能大幅的提高工作效率,并且减少错误;这堂课我们能学到什么?随着前端行业越来越受到重视,前端的逻辑也越来越复杂,对前端从业者的职业要求也越来越高,Vue、Angular、React和一些新的框架层出不穷,而作为Angular等框架的推荐语言TypeScript也在市场中得到了认可和追捧,不管是前端、还是游戏引擎、以及一些大型项目开发都中开始展露头角。但是这方面学习资源相对较少。课程特点:本堂课程通过深入浅出的讲解,幽默风趣的风格; 让大家在3个小时的课程中能够掌握大部分TypeScript的核心知识; 同时能够使用TypeScript进行React等框架的项目开发; 为大家的学习和在工作中使用TypeScript打下坚实的基础。课程大纲:1.TS的初步配置2.TS 数据类型 any 枚举3.函数的参数和返回值类型4.类非常重要 非常重要5.静态类属性和方法 Math6.泛型7.模块化 systemjs8.项目TS+react+webpack结合的工作流应类型管理 js->tsx 2.0如何用TS开发react->TSX(难点->官网 项目)工作流 package.json -> npm start npm run build 适用人群:1.Typescript零基础想掌握ts正确学习姿势和入门的初学者2.经验丰富的jser想拓宽自己知识掌握ES6和ES7新功能的从业者3.想在工作和项目中使用ts结合VAR框架的人员4.有志于成为全栈开发人员却苦于无法入门后端和跟后端沟通不畅的开发者5.想深入了解和使用angular的人员

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值