准备工作
在开始搭建TypeScript项目之前，我们需要确保以下准备工作已经完成：
- 安装Node.js：TypeScript需要Node.js环境，可以从Node.js官网下载并安装。
- 安装Visual Studio Code：推荐使用Visual Studio Code（VS Code）作为代码编辑器，可以从VS Code官网下载并安装。
- 安装TypeScript：在命令行中运行以下命令安装TypeScript：
npm install -g typescript
或者
yarn global add typescript
安装完成后，可以通过在命令行中运行tsc -v来检查TypeScript是否已成功安装。
创建项目目录
- 打开命令行，进入你想要创建项目的目录。
- 运行以下命令创建一个新的文件夹，例如
mytypescriptproject：
mkdir mytypescriptproject
- 进入该文件夹：
cd mytypescriptproject
初始化项目
- 在项目目录中运行以下命令初始化一个新的Node.js项目：
npm init -y
或者
yarn init -y
这会创建一个名为package.json的文件，其中包含了项目的依赖信息和配置。
配置TypeScript
- 在项目目录中创建一个名为
tsconfig.json的文件，这是TypeScript配置文件。 - 打开
tsconfig.json文件，并添加以下内容：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"esModuleInterop": true
},
"include": ["src"],
"exclude": ["node_modules"]
}
这里我们设置了TypeScript编译器选项，包括目标JavaScript版本、模块系统、严格模式等。
创建源文件
- 在项目目录中创建一个名为
src的文件夹，用于存放TypeScript源文件。 - 在
src文件夹中创建一个名为index.ts的文件，这是我们的主文件。
编写代码
- 打开
index.ts文件，并添加以下代码：
console.log('Hello, TypeScript!');
这行代码将输出“Hello, TypeScript!”到控制台。
编译TypeScript
- 在命令行中，切换到项目目录。
- 运行以下命令编译TypeScript文件：
tsc
这会生成一个名为index.js的文件，它是编译后的JavaScript代码。
运行项目
- 在命令行中，运行以下命令启动Node.js服务器：
node index.js
或者在package.json文件中添加以下脚本：
"scripts": {
"start": "node index.js"
}
然后运行：
npm start
或者
yarn start
现在，你应该能在控制台中看到“Hello, TypeScript!”的输出。
总结
通过以上步骤，你已经成功搭建了一个TypeScript项目。你可以根据需要添加更多的文件和功能，例如模块、类、接口等。祝你学习愉快！