首页 > 其他分享 >【TypeScript教程】02—设置TypeScript

【TypeScript教程】02—设置TypeScript

时间:2022-11-08 14:00:46浏览次数:37  
标签:02 node 教程 TypeScript js VS Code 安装

【TypeScript教程】02—设置TypeScript_linux

教程 | https://www.typescripttutorial.net

翻译 | 杨小爱


在今天的教程中,我们将一起来学习如何设置 TypeScript 开发环境。

使用 TypeScript 需要准备以下工具:

  • Node.js – Node.js 是运行 TypeScript 编译器的环境。你不了解 node.js也没有关系。
  • TypeScript 编译器——一个将 TypeScript 编译成 JavaScript 的 Node.js 模块。如果你对 node.js 使用 JavaScript,则可以安装 ts-node 模块。它执行node.js 的 TypeScript 和 REPL。
  • Visual Studio Code 或 VS Code – 是支持 TypeScript 的代码编辑器。强烈推荐使用 VS 代码。当然,我们也可以使用自己喜欢的编辑器。

如果你使用 VS Code,你可以安装以下扩展来加速开发过程:

  • Live Server – 允许我们使用热重载功能启动开发本地服务器。

安装 Node.js

要安装 node.js,请按照以下步骤操作:

  • 转到 node.js 下载页面:https://nodejs.org/en/download/
  • 下载适合您平台的 node.js 版本,即 Windows、macOS 或 Linux。
  • 执行下载的 node.js 包或执行文件。安装非常简单。
  • 通过在 macOS 和 Linux 上打开终端或在 Windows 上打开命令行并键入命令 node -v 来验证安装。如果你看到你下载的版本,那么你已经成功地在你的计算机上安装了 node.js。

安装 TypeScript 编译器

要安装 TypeScript 编译器,请在 macOS 或 Linux 上启动终端并在 Windows 上启动命令提示符并键入以下命令:

npm install -g typescript

安装完成后,可以输入以下命令来查看当前 TypeScript 编译器的版本:

tsc --v

它应该像这样返回版本:

Version 4.0.2

请注意,我们的版本可能比此版本更新。

如果我们在 Windows 上并收到以下错误:

'tsc' is not recognized as an internal or external command,operable program or batch file.

那么,我们应该将以下路径 C:\Users\<user>\AppData\Roaming\npm 添加到 PATH 变量中。请注意,您应该将 <user> 更改为您的 windows 用户。

要全局安装 ts-node 模块,您可以从 macOS 和 Linux 上的终端或 Windows 上的命令提示符运行以下命令:

npm install -g ts-node

安装VS Code 编辑器

要安装 VS Code,请按照以下步骤操作:

  • 转到 VS Code 下载页面,https://code.visualstudio.com/download
  • 下载适合您的操作系统(Windows、macOS 或 Linux)的最新版本的 VS Code
  • 执行下载的包或安装程序文件以启动设置向导。安装过程也非常简单。
  • 启动 VS 代码。

您将看到 VS Code编辑器,如下图所示:

【TypeScript教程】02—设置TypeScript_node.js_02

要安装 Live Server 扩展,请执行以下步骤:

【TypeScript教程】02—设置TypeScript_node.js_03

  • 单击“扩展”选项卡以查找 VS Code 的扩展。
  • 键入实时服务器以搜索它。
  • 单击安装按钮以安装扩展。

今天的教程就到这里了,我们学习了如何安装用于使用 TypeScript 的开发环境。

如果还有什么问题,可以留言区留言,我会尽快回复,感谢你的阅读,祝编程快乐!


学习更多技能请点击下方公众号

【TypeScript教程】02—设置TypeScript_node.js_04

【TypeScript教程】02—设置TypeScript_typescript_05


标签:02,node,教程,TypeScript,js,VS,Code,安装
From: https://blog.51cto.com/u_15809510/5832785

相关文章

  • 【ES6 教程】第一章 新的ES6语法10—如何替换字符串中的变量
    英文|https://www.javascripttutorial.net翻译|杨小爱在今天的教程中,我们将学习JavaScript模板文字,它使我们可以更轻松地使用字符串模板。在ES6之前,我们使用单引号......
  • 兼容替代CP2102 USB 转串口芯片 CH9102 USB 转RS485/9线TTL/RS232串口
    今天来讲讲一颗USB总线的转接芯片--CH9102,能够替代ti的CP2101。该芯片实现USB转异步串口。提供了常用的MODEM联络信号,用于为计算机扩展异步串口,或者将普通的串口设备......
  • vs2022 git上看不到已更改文件
    VisualStudio2022显示“解析git状态输出时出错。”。这可能是因为git或VisualStudio的版本不匹配。作为一种解决方法,您可以在“包管理器控制台”中运行以下命令......
  • 2022-11-08 Acwing每日一题
    本系列所有题目均为Acwing课的内容,发表博客既是为了学习总结,加深自己的印象,同时也是为了以后回过头来看时,不会感叹虚度光阴罢了,因此如果出现错误,欢迎大家能够指出错误,我......
  • 10 个关于 TypeScript 的小技巧
    英文| https://www.sangle7.com/1、 TypeScript和DOM当你开始使用TypeScript时,你会发现在浏览器环境中使用它,你需要非常了解它。假设我想在页面搜索框里找到一个元素......
  • Nacos 认证绕过漏洞(CVE-2021-29441)
    Nacos认证绕过漏洞(CVE-2021-29441)产生原因:1.认证授权操作时,会判断请求的user-agent是否为”Nacos-Server”,如果是的话则不进行任何认证。2.开发者原意是用来处理一些服......
  • 界面组件Kendo UI for React R3 2022新版,让Web应用更酷炫
    KendoUI致力于新的开发,来满足不断变化的需求,通过React框架的KendoUIJavaScript封装来支持ReactJavascript框架。KendoUIforReact能够为客户提供更好的用户体验,并且......
  • process.env前端环境变量配置教程
    1、为什么要配置环境变量在公司,一个项目一般会有开发版本、测试版本、灰度版本和线上版本,每个版本会对应相同或不同的数据库、API地址。为了方便管理,我们通常做成配置文件的......
  • 【2022-11-03】用心感受
    20:00只要有生活的愿望和本身力量的自信,那么整个一生将会是一座最美好的时钟。                            ......
  • 【2022-11-02】人品考验
    21:00当不好的事情发生时,你有三个选择。你可以让它定义你,让它摧毁你,也可以让它使你变强。                        ......