typescript的基本使用方法和配置

typescript官网对于新手来说不太易懂,推荐阮一峰 TypeScript入门教程可供参考。

一、typescript的语言特点

1.是强语言类型(强语言类型就是在书写过程中标注了变量的类型,且给变量赋值的时候,值的类型必须和变量的类型一致)。

2.不能被js执行器解析执行。

3.typescript的语言会被ts转换器转换成js。

4.有自己一套强大的类型系统。

二、typescript转换环境的配置

1.安装typescript包

npm i typescript -g

2.执行tsc命令就可以执行转换

tsc --help 可以查看tsc的全部命令

3.执行 tsc --init 生成tsconfig.json文件

{
  "compilerOptions": {
  },
}

4.在生成tsconfig.json文件中根据官网进行配置

打开官网---->文档---->项目配置---->tsconfig.json

5.tsconfig.json文件中的 “compilerOptions”, “files”, “include”, “exclude”

{
 "compilerOptions": {
 },
  "files": [
       "core.ts",
       "sys.ts",
       "commandLineParser.ts",
       "tsc.ts",
       "diagnosticInformationMap.generated.ts"
   ]"include": [
       "src/**/*"
   ],
   "exclude": [
       "node_modules",
       "**/*.spec.ts"
   ]
}

注意:

  • “compilerOptions”:默认的编译程序选项,课根据需求更改。
  • “files”:要被转译的ts文件(一个包含相对或绝对文件路径的列表)
  • “include”:要转译的文件
  • “exclude”:不被转译的文件(优先级最低)
命令行执行以下命令把ts文件时时转译到dist文件夹中
tsc outDir dist -w
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值