环境配置篇

1. 安装Node.js

首先，你需要安装Node.js，因为TypeScript是基于JavaScript的，而Node.js是JavaScript在服务器端的运行环境。你可以从Node.js的官方网站下载并安装它。

# 下载Node.js
# 下载地址：https://nodejs.org/

# 安装Node.js
# 在安装过程中，确保选择“Add Node.js to PATH”选项。

2. 安装TypeScript

安装TypeScript可以通过Node.js的包管理器npm来完成。

# 安装TypeScript
npm install -g typescript

安装完成后，你可以通过以下命令检查TypeScript是否安装成功：

# 检查TypeScript版本
tsc --version

3. 配置TypeScript编译选项

为了更好地控制TypeScript的编译过程，你需要创建一个tsconfig.json文件。这个文件位于你的项目根目录下。

{
  "compilerOptions": {
    "target": "es5",        // 编译到ES5
    "module": "commonjs",   // 模块化
    "strict": true,         // 严格模式
    "esModuleInterop": true // 允许导入非ES模块
  }
}

代码编写篇

1. 创建项目结构

在你的项目根目录下，创建以下文件和文件夹：

src/
  - index.ts
  - utils/
    - helper.ts

2. 编写代码

index.ts

这是一个简单的TypeScript文件，它导入了helper函数并打印了结果。

import { helper } from './utils/helper';

console.log(helper());

utils/helper.ts

这是一个工具函数，它返回一个问候语。

export function helper(): string {
  return 'Hello, TypeScript!';
}

3. 编译TypeScript

在项目根目录下，使用以下命令编译TypeScript文件：

# 编译TypeScript
tsc

编译完成后，你会在项目根目录下生成一个dist文件夹，其中包含了编译后的JavaScript文件。

4. 运行项目

使用Node.js运行编译后的JavaScript文件：

# 运行项目
node dist/index.js

你应该会看到控制台输出“Hello, TypeScript!”。

总结

通过以上步骤，你已经成功搭建了一个TypeScript项目，并编写了简单的代码。随着你对TypeScript的深入了解，你可以开始使用更多的特性和库来丰富你的项目。记住，TypeScript是一个强大的工具，可以帮助你写出更清晰、更健壮的JavaScript代码。