菜单
×
   ❮   
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

输出应类似于

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

编译器安装在 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
        

开始练习


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持