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

相关推荐
四眼肥鱼11 分钟前
全网最全的 qiankun 基于 react18+(主应用)、vue3.4+(微应用)实现页签缓存,页面缓存
前端·javascript
dorisrv12 分钟前
优雅地处理前端错误边界
前端
狗哥哥16 分钟前
Pinia Store 平滑迁移:用代理模式实现零风险重构
前端·架构
老前端的功夫25 分钟前
前端水印技术深度解析:从基础实现到防破解方案
开发语言·前端·javascript·前端框架
霍格沃兹测试学院-小舟畅学27 分钟前
性能测试入门:使用 Playwright 测量关键 Web 性能指标
开发语言·前端·php
tangbin58308530 分钟前
iOS Swift 工具类:数据转换工具 ParseDataTool
前端
潜水豆32 分钟前
AI 时代的前端究竟还能积累什么
前端
www_stdio32 分钟前
手写 instanceof:深入理解 JavaScript 原型与继承机制
前端·javascript·html
boombb36 分钟前
国际化方案:多环境、多语言、动态加载的完整实践
前端
狗哥哥37 分钟前
我是如何治理一个混乱的 Pinia 状态管理系统的
前端·vue.js·架构