本教程涵盖了如何在Angular框架中找到typecript版本。
Angular是基于typescript的。Typescript是来自微软的流行编程语言。它是一种扩展的Javascript，支持打字和OOPS。
{{ toc }}
如何在Angular 12项目中找到typecript版本
Angular使用typecript作为编写组件的语言。作为一个开发者，我们需要知道typescript的版本，如果你在Angular应用程序中安装了不兼容的typescript版本，你会得到以下错误:
Error: The Angular Compiler requires TypeScript >=4.0.1 and 4.1.7 but 4.2.0 was found instead.
我们有很多方法可以在Angular应用程序中找到typecript的版本。
- 使用package.json
- tsc命令
- ng版本命令
使用package.json
首先，在项目中，package.json 文件包含typescript的依赖信息。 package.json
{
"typescript": "^4.2.0",
}
tsc命令
如果应用程序中安装了typescript，tsc是用来了解typescript版本的命令。
B:\angular-example>tsc --version
Version 4.2.4
ng版本命令第二种方法，使用ng命令，你可以得到Angular应用程序中安装的angular和typescript版本。
你可以使用下面的一个命令。
ng -v
ng --version
ng version
下面是一个命令的输出
B:\angular-example>ng --version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 12.0.3
Node: 14.17.0
Package Manager: npm 7.11.1
OS: win32 x64
Angular: 12.0.3
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1200.3
@angular-devkit/build-angular 12.0.3
@angular-devkit/core 12.0.3
@angular-devkit/schematics 12.0.3
@schematics/angular 12.0.3
rxjs 6.6.7
typescript 4.2.4
这个命令给出了typescript的版本和angular的依赖版本
Angular TypeScript版本兼容性列表
下面的表格回答了以下问题
- 什么是Angular 11版本的typescript版本？
- Angular 10版本中使用的是哪个版本的typescript？
| 参数 | 参数描述 |
|---|---|
| Angular 13 | TypeScript 4.3.0 |
| Angular 12 | 脚本语言4.2.0 |
| Angular 11 | 愤怒的小鸟4.0.3 |
| Angular 10 | 脚本 |
| Angular 9 | 脚本语言3.7 |
| Angular 8 | 脚本语言3.4 |
| Angular 7 | 脚本3.1 |
| Angular 6 | 类型脚本3.0 |
| Angular 5 | 脚本2.7 |
| Angular 4 | TypeScript 2.4 |
| Angular 2 | TypeScript 2.0 |
如何在Visual Studio Code中找到typecript的版本？
在VSCode中查找typescript版本是非常容易和简单的。
以下是一步一步的顺序
-
首先进入VSCode的终端菜单项
-
选择 "新建终端"，打开终端窗口（或者），你可以使用快捷键命令Ctrl + Shift +`。
-
输入以下命令
b:\tsc -v
Version 4.1.3
使用npm install命令更新到新版本或最新版本以及降级到低版本是非常容易的。
以下是一系列的步骤。
打开终端，进入angular应用程序目录
如果你想安装特定的版本，这里有一个命令
npm install typescript@4.2.0 --save-dev
来安装最新的版本:
npm install typescript@latest --save-dev
通过这种方式，我们可以在Angular应用程序中安装特定或最新版本的typecript。
这个更新或package.json中的一个条目
如何在Angular项目中卸载typescript？
使用npm uninstall，它将从Angular应用程序中卸载。
npm uninstall typescript
而且，它会从package.json中删除依赖项。
{
"devDependencies": {
"gulp-purgecss": "4.2.0",
}
}
总结
我们已经学会了如何查找Angular应用程序中使用的typescript版本，在这个简短的教程中，你学到了多种方法来了解Angular和visual studio代码中的typescript版本。它还包括Listout angular -2,4,5,6,7,8,9,10,11和12版本以及它们支持的typecript版本。
