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

相关推荐
dangdang___go12 小时前
文件操作2+程序的编译和链接(1)
java·服务器·前端
西西学代码12 小时前
Flutter中常用的UI设计
前端·flutter·ui
Sunhen_Qiletian12 小时前
《Python开发之语言基础》第七集:库--时间库
前端·数据库·python
JokerLee...12 小时前
【Vtable自定义样式】
前端·javascript·vtable
PyHaVolask12 小时前
XSS跨站脚本攻击
前端·xss·web漏洞
K3v12 小时前
【nvm安装14.x失败】nvm设置国内镜像源 npm设置全局缓存以及全局包目录
前端·缓存·npm
DsirNg13 小时前
Vue 3 Keep-Alive 深度实践:从原理到最佳实践
前端
拾忆,想起13 小时前
Dubbo序列化异常终结指南:从精准诊断到根治与防御
开发语言·前端·微服务·架构·php·dubbo·safari
不如摸鱼去13 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·小程序·uni-app
姓蔡小朋友13 小时前
Redis内存回收
前端·数据库·redis