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

文章评论