红茶的个人站点

  • 首页
  • 专栏
  • 开发工具
  • 其它
  • 隐私政策
Awalon
Talk is cheap,show me the code.
  1. 首页
  2. 其它
  3. 正文

TypeScript 简易指南

2026年2月10日 7点热度 0人点赞 0条评论

TypeScript 是 JavaScript 的超集,在 JavaScript 之上添加了类型检查等功功能,在运行时依然需要编译成 JavaScript 代码后运行。

环境准备

使用 TypeScript 需要先安装 Node.js 环境。

全局安装 ts:

❯ npm install -g typescript

需要管理员权限,否则会安装失败。

项目初始化

打开项目根目录,执行 tsc --init,在项目根目录下会生成一个tsconfig.json文件。其中比较重要的配置项:

{
  "target": "ES6",        // 编译后的 JS 版本(ES6 兼容性好)
  "module": "CommonJS",   // 模块系统(Node.js 常用)
  "outDir": "./dist",     // 编译后的 JS 文件输出目录
  "rootDir": "./src",     // TS 源代码目录
  "strict": true          // 开启严格模式(推荐,能发现更多错误)
}

示例代码

新建src/index.ts文件,添加示例代码:

// src/index.ts - TS 示例代码
// 定义一个接口(TS 核心特性)
interface Person {
  name: string;
  age: number;
  country: string;
}
​
// 定义一个函数
function greet(person: Person): string {
  return `你好,我是${person.name},今年${person.age}岁!, 我是${person.country}人。`;
}
​
// 调用函数
const user: Person = {
  name: "张三",
  age: 25,
  country: "中国"
};
​
// 输出结果
console.log(greet(user));

编译运行

执行tsc命令可以编译 ts 代码,生成的 JavaScript 代码位于./dist目录下。

执行 node ./dist/index.js 可以执行编译后的 js 代码。

每次修改代码后手动执行命令进行编译和执行很麻烦,可以使用工具自动进行。

启动自动编译:

tsc --watch

安装自动执行工具:

❯ npm install -g nodemon

自动执行:

❯ nodemon dist/index.js

The End.

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: ts
最后更新:2026年2月10日

魔芋红茶

加一点PHP,加一点Go,加一点Python......

点赞
< 上一篇

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2021 icexmoon.cn. ALL RIGHTS RESERVED.
本网站由提供CDN加速/云存储服务

Theme Kratos Made By Seaton Jiang

宁ICP备2021001508号

宁公网安备64040202000141号