TS开发环境搭建

一、安装Node.js

官网:Node.js (nodejs.org)

可以去看别的大佬安装Node.js的文章,因为大部分人都安装了Node环境,这里我就不做说明

二、使用npm全局安装typescript

在终端中输入如下命令:

npm i -g typescript

安装完成会有如下提示:

想知道typescript是否安装成功可以在终端中输入 tsc ,输出一大堆数据就是安装成功

三、 创建一个TS文件

注意:TS文件的文件后缀为.ts

四、使用tsc命令对代码进行编译

ts代码需要先编译为js代码才能被浏览器所执行,所以我们执行一个ts文件之前需要使用tsc命令进行编译。

tsc [文件路径]

注意:这里要在当前目录下执行改ts文件

编译完成后我们的文件目录下出现了一个js文件,内容与ts文件内容一致,因为编写的内容比较简单,所以看不出什么区别。

相关推荐
深海鱼在掘金几秒前
Next.js从入门到实战保姆级教程(第四章):路由系统详解
前端·typescript·next.js
leafyyuki2 分钟前
从零到一落地「智能助手」:一次基于 OpenSpec 的流式对话前端实践
前端·vue.js·人工智能
踩着两条虫3 分钟前
VTJ:架构设计模式
前端·架构·ai编程
孙凯亮4 分钟前
Three.js VR 模拟器(Immersive Web Emulator)踩坑全记录:从报错到可用,避坑指南一次性奉上
前端·three.js
CDN3604 分钟前
2026年Web性能优化实测:360CDN如何通过“时效性”与“地域性”双杀提升排名?
前端·性能优化
Dxy123931021613 分钟前
Python使用XPath定位元素:and和or组合条件
前端·javascript·python
李剑一19 分钟前
可以说99%的前端都没咋用过!JS逗号操作符,面试常考但业务少用?一篇吃透不踩坑
前端
百结21419 分钟前
HAProxy 搭建 Web 集群
前端·web
GISer_Jing24 分钟前
Todos
前端·人工智能·学习