TypeScript项目构建

构建 TS 项目

1. 下载 ts

   npm install -g typescript
   

2. 构建 ts 文件，创建.ts扩展名的文件并编写 ts 代码

   ​ 例如文件叫greeter.ts

3. 编译代码：将ts文件输出为js文件

   tsc greeter.ts
   

   正常情况下会出现一个.js 的同名文件

4. 搭载 node 运行 js 文件

   node greeter.js
   

解决每次使用都进行tsc转换

• 将项目初始化一个 npm 进行管理

  npm init -y
  

• 在packge.json中 编写命令

  {
    "name": "lesson01",
    "version": "1.0.0",
    "description": "",
    "main": "greeter.js",
    "scripts": {
      "build": "tsc greeter.ts",
      "test": "node greeter.js",
      "start": "npm run build && npm run test"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
  }
  

TS 命令行语句

查看 TS 版本

tsc -v

实时编译 TS

由于浏览器是不认识 ts 文件的，所以可以使用以下指令来监听 ts 文件，将其实时编译成 js 文件。

tsc -w

TS 配置文件

生成一个 ts 的配置文件：tsconfig.json

tsc --init

在这个文件中可以设置：

• strict：严格模式

TS 库

• ts-node

  可以直接运行 ts 文件，不需要将其手动编译为 js。

  npm i ts-node -g
  

  使用：

  ts-node 文件名
  

• @types/node

  使用 ts 写 node.js。

  Node.js 不是内置对象的一部分，如果想用 TypeScript 写 Node.js，则需要引入第三方声明文件。

  npm i @types/node -D