Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

TypeScript 入门


TypeScript 编译器

TypeScript 使用编译器转换为 JavaScript。

TypeScript 转换为 JavaScript 意味着它可以在任何 JavaScript 可以运行的地方运行!


安装编译器

TypeScript 有一个官方编译器,可以通过 npm 安装。

了解更多关于 npm 以及如何开始的信息:什么是 npm?

在您的 npm 项目中,运行以下命令来安装编译器

npm install typescript --save-dev

这应该会给您一个类似于以下的输出

添加了 1 个包,并在 2 秒内审计了 2 个包
发现 0 个漏洞

编译器安装在 node_modules 目录中,并且可以使用以下命令运行:npx tsc

npx tsc

这应该会给您一个类似于以下的输出

版本 4.5.5
tsc:TypeScript 编译器 - 版本 4.5.5

随后是一系列常用的命令。


w3schools CERTIFIED . 2022

获取认证!

完成 TypeScript 模块,进行练习,参加考试并获得 w3schools 认证!!

45 美元 报名

配置编译器

默认情况下,TypeScript 编译器在空项目中运行时会打印帮助信息。

编译器可以使用 tsconfig.json 文件进行配置。

您可以使用以下命令让 TypeScript 创建带有推荐设置的 tsconfig.json

npx tsc --init

这应该会给您一个类似于以下的输出

创建了一个新的 tsconfig.json,其中包含:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

您可以在 https://aka.ms/tsconfig.json 了解更多信息

以下是一个可以在 tsconfig.json 文件中添加更多内容的示例

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

您可以在编辑器中打开该文件以添加这些选项。这将配置 TypeScript 编译器,将项目 src/ 目录中的 TypeScript 文件转换为 build/ 目录中的 JavaScript 文件。

这是一种快速开始使用 TypeScript 的方法。还有许多其他选项可用,例如 create-react-app 模板node 启动项目webpack 插件


TypeScript 练习

通过练习测试自己

练习

TypeScript 编译器可以通过哪个文件进行配置?

.json
        

开始练习


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.