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

相关推荐
weixin_30777913几秒前
Jenkins Ioncions API 插件:现代化图标库在持续集成中的应用
java·运维·开发语言·前端·jenkins
兔子零10241 分钟前
零硬件交互:如何用纯前端把摄像头变成 4000 个粒子的魔法棒?
前端·算法
北辰alk2 分钟前
Vue Router 组件内路由钩子全解析
前端·vue.js
克喵的水银蛇5 分钟前
Flutter 弹性布局实战:Row/Column/Flex 核心用法与优化技巧
前端·javascript·typescript
verse_armour5 分钟前
东南大学云课堂导出PPT
javascript
写代码的皮筏艇12 分钟前
CSS中常使用的函数
前端·css
Cache技术分享15 分钟前
261. Java 集合 - Java 开发必备:ArrayList 与 LinkedList 的选择攻略
前端·后端
涔溪16 分钟前
深入了解 Node.js 性能诊断工具 Clinic.js 的底层工作原理
开发语言·javascript·node.js
Neptune117 分钟前
js防抖技术:从原理到实践,如何解决高频事件导致的性能难题
前端·javascript
是你的小橘呀17 分钟前
从爬楼梯到算斐波那契,我终于弄懂了递归和动态规划这俩 "磨人精"
前端·javascript·面试