什么是 TypeScript?
TypeScript 是一种开源的编程语言,它是 JavaScript 的超集。这意味着任何有效的 JavaScript 代码也都是有效的 TypeScript 代码。与 JavaScript 不同的是,TypeScript 提供了静态类型检查和其他高级功能,使得编写大型应用程序更加容易和可维护。
如何安装 TypeScript?
要开始使用 TypeScript,首先需要安装 TypeScript 的 npm 包。在终端中输入以下命令即可:
npm install -g typescript
这将全局安装 TypeScript。如果您只想将 TypeScript 安装到特定项目中,则可以省略 -g
标志。
创建 TypeScript 项目
要创建一个新的 TypeScript 项目,请按照以下步骤操作:
在您选择的文件夹中创建一个新文件夹,并在其中打开终端。
运行以下命令来初始化 npm 项目:
npm init
按照提示输入您的项目信息。
运行以下命令来安装 TypeScript:
npm install --save-dev typescript
注意这里使用了
--save-dev
标志,因为 TypeScript 是开发依赖项,而不是生产依赖项。手动创建一个名为
tsconfig.json
的文件,并添加以下内容:-- -------------------- ---- ------- - ------------------ - --------- ------ --------- ----------- --------- ------- --------- ----- ------------------ ---- -- ---------- - ---------- - -
展开代码这个文件告诉 TypeScript 编译器如何编译您的代码。其中
target
和module
选项是必需的,因为它们告诉编译器要使用哪个版本的 ECMAScript 和模块系统。outDir
选项指定编译输出目录,而strict
选项启用严格的类型检查。最后,esModuleInterop
选项确保 TypeScript 可以与 CommonJS 模块一起工作。创建一个名为
src
的文件夹,并在其中创建一个名为index.ts
的文件:function greeter(name: string) { return `Hello, ${name}!`; } console.log(greeter("TypeScript"));
这个简单的 TypeScript 程序将打印出“Hello, TypeScript!”。
在终端中运行以下命令来编译 TypeScript 代码:
tsc
这将编译
src/index.ts
文件并将其输出到dist
目录中。最后,在终端中运行以下命令来运行编译后的 JavaScript 代码:
node dist/index.js
这将输出“Hello, TypeScript!”。
结论
TypeScript 是一种强大的语言,它可以帮助开发人员更轻松地编写可维护的代码。安装 TypeScript 及其依赖项后,您可以立即开始编写 TypeScript 代码并编译它们。在本文中,我们提供了一个简单的 TypeScript 示例程序,以帮助您入门。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/32207