• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript的安装、使用及配置

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

JS是一种弱类型语言,对于代码的维护和重构是非常困难的。
TypeScript是一个编译到纯JS的有类型定义的JS超集,可以极大的提升代码的健壮性。
使用TS后,能够方便的查看函数定义、默认参数及类型、变量结构体等,同时对于IDE的参数类型提示也是非常友好的。

优点

  1. 可维护性
  2. 健壮性
  3. 其申明文件可以兼容IDE

安装

  • 使用npm工具安装
$ npm install -g typescript
# 查看版本
$ tsc --version
# 使用
$ tsc

默认配置文件

官方文档:

其它参考:

tsconfig.json(参考即可)

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "sourceMap": true,
    "allowJs": true,
//    "outDir": "build",
    "moduleResolution": "node"
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "./models/**/*",
    "./models2/*"
  ]
}

// 具体配置可参考上述链接
//files: 数组类型,用于表示由 ts 管理的文件的具体文件路径
//exclude: 数组类型,用于表示 ts 排除的文件(2.0 以上支持 Glob)
//include: 数组类型,用于表示 ts 管理的文件(2.0 以上)
//compileOnSave: 布尔类型,用于 IDE 保存时是否生成编译后的文件
//extends: 字符串类型,用于继承 ts 配置,2.1 版本后支持
//compilerOptions: 对象类型,设置编译的选项,不设置则使用默认配置,配置项比较多,后面再列
//typeAcquisition: 对象类型,设置自动引入库类型定义文件(.d.ts)相关,该对象下面有 3 个子属性分别是:
//enable: 布尔类型,是否开启自动引入库类型定义文件(.d.ts),默认为 false
//include: 数组类型,允许自动引入的库名,如:["jquery", "lodash"]
//exculde: 数组类型,排除的库名
//如不设定 files 和 include,ts 默认是 exclude 以外的所有的以 .ts 和 .tsx 结尾的文件。如果,同时设置 files 的优先级最高,exclude 次之,include 最低。

总结

  1. 使用tsc可以添加参数,不使用配置文件;
  2. 默认配置文件放在根目录;
  3. 如果使用webstorm可以使用自带的TypeScript插件保存时自动生成,或者在File Watchers添加TypeScript也可以实现;

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
使用Typescript和ES模块发布Node模块发布时间:2022-07-18
下一篇:
TypeScript的4种编译方式发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap