准备工作
在开始搭建TypeScript项目之前，我们需要确保以下几点：
- 安装Node.js：TypeScript需要Node.js环境来运行，因此首先确保你的计算机上安装了Node.js。
- 安装Visual Studio Code：推荐使用Visual Studio Code（简称VS Code）作为编辑器，它拥有强大的TypeScript插件支持。
- 安装TypeScript：在命令行中运行以下命令安装TypeScript：
npm install -g typescript
创建项目
- 创建新文件夹：在命令行中创建一个新的文件夹用于存放项目。
mkdir mytypescriptproject
cd mytypescriptproject
- 初始化npm项目：在项目目录中运行以下命令来初始化一个新的npm项目。
npm init -y
- 创建tsconfig.json：TypeScript项目需要
tsconfig.json配置文件，用于编译TypeScript代码。
tsc --init
在弹出的提示中，你可以选择相应的选项来自定义配置。对于新手，默认配置通常就足够了。
编写代码
- 创建入口文件：在项目目录中创建一个名为
index.ts的文件，这是TypeScript项目的入口文件。
console.log('Hello, TypeScript!');
- 编译代码：在命令行中运行以下命令编译TypeScript代码。
tsc
编译完成后，会在项目目录中生成一个dist文件夹，其中包含编译后的JavaScript代码。
使用VS Code
打开项目：使用VS Code打开项目文件夹。
安装TypeScript插件：在VS Code的扩展市场中搜索并安装TypeScript插件。
配置VS Code：打开
settings.json文件（可以通过VS Code的“文件”>“偏好设置”>“用户设置”打开），添加以下配置来启用智能提示和自动保存编译：
{
"typescript.autoSave": "on",
"typescript.suggest": {
"import": {
"include": ["node_modules"]
}
}
}
运行项目
- 运行JavaScript代码：在命令行中进入
dist文件夹，并运行以下命令来启动服务器。
node index.js
如果你使用了Node.js模块，确保在tsconfig.json中配置了正确的"module": "commonjs"。
总结
通过以上步骤，你就可以成功搭建一个基础的TypeScript项目了。记住，TypeScript的学习是一个逐步积累的过程，不断实践和探索是提高的关键。祝你学习愉快！