TypeScript下载安装,编译运行

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

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

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

  • 环境搭建前提:Node和NPM
  • 安装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,开启本地服务,自动帮助我们编译,并且在浏览器中查看结果。

相关推荐
Lank_M5 分钟前
超分分块为什么按后端分:160与96的取舍
前端
流星。。方10 分钟前
企业官网前端组件怎么拆?从落地页到内容页的分层思路
前端
Days205010 分钟前
时间胶囊项目正式发布
javascript·gpt·php
deli00715 分钟前
豹纹和斑马纹是怎么长出来的:调两个参数,花纹自己浮现
前端
进击的明明18 分钟前
TypeScript速通笔记(上)
前端·面试·typescript
deli00719 分钟前
萤火虫为什么会一起闪:调一个耦合系数,整片林子自己同步
前端
计算机魔术师26 分钟前
英伟达联合超100家伙伴推出开放代理安全平台
前端
看谷秀27 分钟前
arkts-12 鸿蒙生态/卡片
前端·arkts
朱 欢 庆31 分钟前
el-table-v2 虚拟表格组件
前端·javascript·vue.js
OpsEye39 分钟前
企业大模型用量成本该如何监控和管控?
javascript·ai编程