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文件内容一致,因为编写的内容比较简单,所以看不出什么区别。

相关推荐
zandy10114 分钟前
衡石 Agentic BI的ReAct 推理框架在 Agentic BI 中的工程化实践
前端·javascript·react.js
罗超驿8 分钟前
JavaEE进阶之路:从Web架构原理到HTML标签全解析
前端·html·web·javaee
西安小哥20 分钟前
从前端到AI工程师:一场跨越鸿沟的真实蜕变之旅
前端
Prince41823 分钟前
侧边栏收起缩放适配方案
前端
用户77833661321141 分钟前
serpbase + Cloudflare R2 边缘持久化实战
前端·人工智能
郝亚军41 分钟前
webstorm如何创建vue 3.js
javascript·vue.js·webstorm
এ慕ོ冬℘゜44 分钟前
jQuery attr() 方法超详细讲解:属性获取、赋值、实战踩坑全解
前端·javascript·jquery
啊啊啊迈 旋棍1 小时前
【译】TypeScript 7 测试版已在 Visual Studio 2026 18.6 Insiders 3 中默认启用
ubuntu·typescript·visual studio
东方小月1 小时前
从零开发一个 Coding Agent(三):EventStream 事件流通道设计与实现
前端·人工智能·后端
程序员黑豆2 小时前
鸿蒙应用开发:Refresh + List 下拉刷新组件使用教程
前端·华为·harmonyos