环境配置篇
1. 安装 Node.js 和 npm
TypeScript 是 JavaScript 的一个超集,它通过类型系统增加了可选的静态类型和基于类的面向对象编程。要使用 TypeScript,首先需要安装 Node.js 和 npm(Node.js 包管理器)。
- 访问 Node.js 官网 下载适合你操作系统的 Node.js 版本。
- 安装完成后,打开命令行工具,输入
node -v和npm -v检查是否安装成功。
2. 安装 TypeScript
使用 npm 安装 TypeScript:
npm install -g typescript
安装完成后,可以通过命令行工具输入 tsc -v 检查 TypeScript 版本。
3. 配置 TypeScript
TypeScript 默认配置文件位于项目根目录下的 tsconfig.json。如果没有,可以手动创建。
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"esModuleInterop": true
}
}
这里我们设置了目标为 ES5,模块为 CommonJS,启用严格模式,并允许导入非 ES 模块。
初步开发篇
1. 创建项目结构
创建一个项目目录,并在其中创建以下文件:
src/:存放 TypeScript 代码dist/:存放编译后的 JavaScript 代码tsconfig.json:TypeScript 配置文件
2. 编写 TypeScript 代码
在 src/ 目录下创建一个名为 index.ts 的文件,并编写以下代码:
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet('TypeScript'));
3. 编译 TypeScript 代码
在命令行工具中,进入项目根目录,并执行以下命令编译 TypeScript 代码:
tsc
编译完成后,会在 dist/ 目录下生成 index.js 文件。
4. 运行编译后的 JavaScript 代码
在命令行工具中,进入 dist/ 目录,并执行以下命令运行 JavaScript 代码:
node index.js
你会在控制台看到输出:
Hello, TypeScript!
总结
通过以上步骤,你已经成功搭建了一个 TypeScript 项目,并编写了第一个 TypeScript 程序。接下来,你可以继续学习 TypeScript 的更多特性,如接口、类、泛型等,并逐步构建更复杂的程序。祝你在 TypeScript 的学习之旅中一切顺利!
