TypeScript下载安装,编译运行

TypeScript是拥有类型的JavaScript超集,它可以编译成普通、干净、完整的JavaScript代码。

简单理解:TypeScript就是加强版的JavaScript。

TypeScript最终会被编译成JavaScript代码,那么我们必然需要对应的编译环境

  • 环境搭建前提:NodeNPM
  • 安装TypeScript,之后就可以通过 tsc 来编译TypeScript的代码

全局安装typescript

复制代码
npm install typescript -g

查看typescript版本

复制代码
tsc --version

新建t1.ts文件,编写ts文件t1.ts

打开终端,进入t1.ts所在目录,使用tsc把ts文件编译成js文件

会发现在当前目录下生成了一个t1.js文件,并且其中的代码就是普通的JavaScript代码。

创建一个html文件,在其中引入t1.js文件,并且在浏览器中进行测试。

打开WEB开发者工具,可在控制台上看到结果

下一讲我们通过webpack,开启本地服务,自动帮助我们编译,并且在浏览器中查看结果。

相关推荐
O***p6041 分钟前
JavaScript在Node.js中的集群负载均衡
javascript·node.js·负载均衡
Z***u65931 分钟前
前端性能测试实践
前端
xhxxx35 分钟前
prototype 是遗产,proto 是族谱:一文吃透 JS 原型链
前端·javascript
倾墨35 分钟前
Bytebot源码学习
前端
用户938169125536039 分钟前
VUE3项目--集成Sass
前端
S***H2831 小时前
Vue语音识别案例
前端·vue.js·语音识别
啦啦9118861 小时前
【版本更新】Edge 浏览器 v142.0.3595.94 绿色增强版+官方安装包
前端·edge
蚂蚁集团数据体验技术2 小时前
一个可以补充 Mermaid 的可视化组件库 Infographic
前端·javascript·llm
LQW_home2 小时前
前端展示 接受springboot Flux数据demo
前端·css·css3
q***d1732 小时前
前端增强现实案例
前端·ar