为什么要在项目中使用TypeScript?( 三 )


文章插图
tsc是TypeScript编译器,而-v标志显示的是TS版本 。参见以下内容:
一旦确认了这一点,TypeScript就已经成功安装 。也可以使用命令“@”和所需的版本来安装特定的TS版本 。
例如:
复制
npm install –global TypeScript@4.9.3
如何将TypeScript安装到当前项目中
开发人员也可以根据每个项目进行设置 。也就是说,将TypeScriptTS版本安装到当前项目中 。这有助于开发人员拥有具有不同TypeScript版本的多个项目,并确保每个项目在没有交互的情况下一致工作 。
要在项目中本地安装TypeScript编译器,只需使用以下命令:
复制
npm install -save-dev TypeScript
如何卸载TypeScript要卸载它,可以使用与安装时相同的命令 。只需将安装(install)替换为卸载(uninstall),如下所示:
复制
npm uninstall –global TypeScript

为什么要在项目中使用TypeScript?

文章插图
如何使用TypeScript在安装之后,就可以使用了 。需要安装像Visual code Studio这样的代码编辑器 。如果没有安装,需要下载并安装VS Code 。在完成这一操作之后,以下了解如何使用TypeScript:
  • 步骤1:创建一个简单的Hello World项目 。这将帮助了解如何使用TypeScript 。
  • 步骤2:在安装完成后,执行如下命令制作工程目录:
复制
mkdir HelloWorld
然后进入新目录:
复制
cd HelloWorld
  • 步骤3:启动Visual Studio Code(或喜欢的代码编辑器) 。这里将使用VS code 。
  • 步骤4:导航到文件资源管理器并创建一个名为helloworld.ts的新文件 。开发人员可以自己命名文件名 , 但是,重要的是要以.ts扩展名为结尾 。

为什么要在项目中使用TypeScript?

文章插图
  • 步骤5:接下来 , 添加以下TypeScript代码 。
复制
let message: string = ‘Hello, World!’; console.log(message);
你将会注意到关键字let和字符串类型声明 。
  • 步骤6:要编译TypeScript代码,只需打开集成终端(Ctrl+`)并键入:
复制
tsc helloworld.ts
为什么要在项目中使用TypeScript?

文章插图
这将编译并创建一个新的helloworld.js JavaScript文件 。
当打开helloworld.js时,就会发现它看起来和helloworld.ts没有太大的不同 。人们将看到类型信息现在已被删除,?let’已被?var’取代 。
结语最终 , 使用TypeScript取决于开发的项目以及所需的时间和精力 。开发团队将需要评估使用TypeScript的优点和缺点 。因此,从更好的代码完成到预防bug , 使用TypeScript会让开发团队在编写代码时更轻松 。
原文标题:Why Use TypeScript for Your Projects?,作者:Alfonso Valdes




推荐阅读