使用 TypeScript 创建项目

TypeScript 是一种开源的编程语言，它是 JavaScript 的超集，使得 JavaScript 可以使用强类型、面向对象的编程方式。在本文中，我们将介绍如何使用 TypeScript 初始化一个新项目。

安装 TypeScript

如果您还没有安装 TypeScript，可以使用以下命令在全局范围内安装它：

npm install -g typescript

此命令将 TypeScript 安装到您的计算机中，并使您能够在终端中使用typescript命令。

初始化项目

要初始化一个新的 TypeScript 项目，请运行以下命令：

tsc init --template javascript

此命令将创建一个名为tsconfig.json的新文件，其中包含有关该项目的一些设置。

配置 tsconfig.json 文件

在tsconfig.json文件中，您可以为项目配置一些设置。例如，您可以指定项目的目标 ECMAScript 版本、输出目录和源代码目录。

以下是一个范例tsconfig.json文件，其中包含了一些基本的设置：

{
   "compilerOptions": {
      "target": "es2020",
      "module": "commonjs",
      "outDir": "./dist",
      "rootDir": "./src",
      "strict": true,
      "esModuleInterop": true
   },
   "include": [
      "./src/**/*"
   ],
   "exclude": [
      "./node_modules",
      "./dist"
   ]
}

编写 TypeScript 代码

现在，您已经准备好开始编写 TypeScript 代码了。请注意，您可以在 TypeScript 文件中使用 JavaScript 代码。例如，下面是一个简单的 TypeScript 文件：

function greet(name: string): string {
   return `Hello, ${name}!`;
}

console.log(greet('TypeScript'));

编译 TypeScript 代码

编写 TypeScript 代码后，您需要将其编译为可在浏览器或 Node.js 中运行的 JavaScript 代码。要编译 TypeScript 代码，请运行以下命令：

tsc

此命令将从tsconfig.json文件中读取设置，并将./src目录中的 TypeScript 文件编译为./dist目录中的 JavaScript 文件。

结论

现在您已经知道如何使用 TypeScript 创建一个新项目了。请记住，在使用 TypeScript 编写代码时，您可以选择完全遵循强类型或渐进式的类型设置，以及使用先进的面向对象编程技术。开始吧！