第二章、TS 的编译调试

kkty2008

已于 2024-08-23 16:33:55 修改

阅读量1.4k

点赞数 9

分类专栏：前端开发之-TypeScirpt 文章标签： typescript

于 2024-08-23 16:30:56 首次发布

本文链接：https://blog.youkuaiyun.com/kkty2008/article/details/141468848

版权

1.简介

JavaScript 的运行环境（浏览器和 Node.js）不认识 TypeScript 代码。所以，TypeScript 项目要想运行，必须先转为 JavaScript 代码，这个代码转换的过程就叫做“编译”（compile）。

TypeScript 官方没有做运行环境，只提供编译器。编译时，会将类型声明和类型相关的代码全部删除，只留下能运行的 JavaScript 代码，并且不会改变 JavaScript 的运行结果。

因此，TypeScript 的类型检查只是编译时的类型检查，而不是运行时的类型检查。一旦代码编译为 JavaScript，运行时就不再检查类型了。

TypeScript 通过 delete 键变成 JavaScript。

2.检查安装TypeScript

查看当前项目的ts版本：
```
tsc --version
```
查看全局的ts版本：
```
npm view typescript version
```

安装TS

# 全局安装
npm install -g typescript  
# 或者在项目目录下安装局部版本
npm install --save-dev typescript

3.tsconfig.json

初始化 TypeScript 项目,通过初始化命令这将生成一个 tsconfig.json 文件，包含了 TypeScript 编译器的各种配置说明，该文件存在的目录是TypeScript项目的根目录。 tsconfig.json 文件指定了编译项目所需的根文件和编译器选项，可以以下官网找到详细配置说明

# 通过命令生成一个默认tsconfig.json文档
tsc --init

3.1.extends

extends 的值是一个字符串，其中包含要继承的另一个配置文件的路径。路径可以使用Node.js风格的解析。你可以根据自己的node版本引用github.com/tsconfig/bases上针对各种版本写好的tsconfig.json基础文件（推荐、建议）配置来进行扩展。

"extends": "@tsconfig/node22/tsconfig.json"
# 具体的配置文件
{
  "$schema": "https://json.schemastore.org/tsconfig",
  "_version": "22.0.0",

  "compilerOptions": {
    "lib": ["es2023"],
    "module": "node16",
    "target": "es2022",

    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "moduleResolution": "node16"
  }
}

在这里插入图片描述