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

相关推荐
Mintopia3 分钟前
下面列出若干真实世界和典型的成功实施 AI 开发(即 AI 作为产品或业务核心驱动力)案例
前端
明月_清风3 分钟前
从 8 个实战场景深度拆解:为什么资深前端都爱柯里化?
前端·javascript
数据与人8 分钟前
Linux中Too many open files错误的解决
linux·服务器·前端
明月_清风8 分钟前
放弃 if-else:学会用 Compose(组合) 将复杂 AI 判别逻辑串成流水线
前端·javascript·函数式编程
CHU7290358 分钟前
货运物流APP前端交互创新:以用户为中心重构运输服务全链路
java·前端·小程序·重构
你怎么知道我是队长10 分钟前
前端学习---HTML---无序列表、有序列表、表格标签
前端
Zhencode13 分钟前
Vue核心运行时runtime-core之组件挂载流程
前端·javascript·vue.js
Hello.Reader14 分钟前
Qwik + Tauri 实战指南用静态导出把 Qwik 应用装进桌面应用里
前端·tauri
葡萄城技术团队21 分钟前
SpreadJS 页眉页脚配置指南:占位符与奇偶页详解
前端
笨小孩丶23 分钟前
前端性能优化实战:Map映射 vs 递归,差距210倍!
前端·性能优化·webworker·map映射·大数据渲染