搭建TypeScript项目是一项既有趣又富有挑战性的任务，尤其是在你刚开始接触TypeScript的时候。下面，我将带你一步步完成这个过程，让你从零开始，最终能够运行一个完整的TypeScript应用程序。
第一步：安装Node.js与npm
首先，你需要安装Node.js和npm（Node.js包管理器）。Node.js是一个允许你运行JavaScript代码在服务器端的平台，而npm则是JavaScript生态系统中最强大的包管理工具。
安装Node.js
- 访问Node.js的官方网站：https://nodejs.org/
- 下载与你的操作系统相匹配的安装包。
- 运行安装包并按照提示完成安装。
验证安装
在命令行中输入以下命令，检查Node.js和npm是否已正确安装：
node -v
npm -v
如果命令行显示了版本号，那么安装成功。
第二步：创建项目
创建一个新的目录来存放你的TypeScript项目。
mkdir mytypescriptproject
cd mytypescriptproject
第三步：初始化npm
在项目目录中，初始化一个新的npm项目。
npm init -y
这将创建一个package.json文件，其中包含了项目的元数据和依赖列表。
第四步：安装TypeScript
接下来，你需要安装TypeScript编译器。
npm install --save-dev typescript
--save-dev参数会将TypeScript添加到package.json文件的devDependencies部分，这意味着它只会被用于开发过程。
第五步：配置tsconfig.json
TypeScript需要一个配置文件来告诉编译器如何处理你的代码。tsconfig.json就是这样的文件。
- 在项目根目录下创建一个名为
tsconfig.json的文件。 - 使用以下内容初始化
tsconfig.json：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"esModuleInterop": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
这里，我们设置了编译目标为ES5，模块为CommonJS，并且启用了严格模式。
第六步：编写代码
在项目目录中创建一个名为src的文件夹，并在其中创建一个名为index.ts的文件。这是你的TypeScript代码的起点。
// src/index.ts
console.log("Hello, TypeScript!");
第七步：编译与运行
在命令行中，使用TypeScript编译器编译你的代码。
npx tsc
这将在项目根目录下创建一个dist文件夹，其中包含了编译后的JavaScript文件。
现在，你可以运行编译后的JavaScript文件来查看结果。
node dist/index.js
你应该会看到控制台输出“Hello, TypeScript!”。
恭喜你！你已经成功搭建了一个基本的TypeScript项目。接下来，你可以继续学习更多关于TypeScript的知识，并开始构建你的应用程序。