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

相关推荐
盖丽男21 分钟前
彻底搞懂:前端MVVM、后端MVC、DDD极致面向对象的区别与落地真相
前端·mvc
澄江静如练_26 分钟前
vue2中使用provide和inject出现的问题
前端·vue
Mr数据杨1 小时前
【Codex】用PPT文案额外描述优化课件生成细节
java·javascript·django·powerpoint·codex·项目开发
星辰徐哥1 小时前
表单优化:AI驱动HTML5表单的智能验证与提示功能
前端·人工智能·html5
普通网友1 小时前
HTML5新增了哪些重要标签?多多学习也是成长的一部分
前端·学习·html5
2501_906467631 小时前
html5网页中如何实现内网大文件的加密下载?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载
极客小俊1 小时前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器
何何____2 小时前
css变换语法介绍及案例展示
前端·css
冴羽yayujs2 小时前
GitHub 前端热榜项目 - 日榜(2026-05-07)
前端·github
深蓝海拓2 小时前
用HSL颜色系统改造qdarkstyle样式表库
前端·笔记·python·qt·学习