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,开启本地服务,自动帮助我们编译,并且在浏览器中查看结果。

相关推荐
和平宇宙6 分钟前
AI笔记005. hermes-DeepSeek V4 Pro, 128K上下文引发的探索
前端·人工智能·笔记
IT_陈寒20 分钟前
Redis持久化这个坑,我爬了一整天才出来
前端·人工智能·后端
naildingding1 小时前
3-ts接口 Interface
前端·typescript
mONESY1 小时前
JavaScript 栈、队列、数组与链表核心知识点总结
javascript·面试
小小前端仔LC1 小时前
Node.js + LangChain + React:搭建个人知识库(六)- “吃什么”项目实战:从700+菜谱入库到Taro H5端JSON渲染
前端·后端
ZengLiangYi1 小时前
TypeScript 项目配置:tsconfig、ESM、路径别名
javascript·typescript·aigc
晓13131 小时前
【Cocos Creator 3.x】篇——第二章 入门
前端·javascript·游戏引擎
想要成为糕糕手1 小时前
前端必修课:JavaScript 数组与数据结构底层逻辑全解析
javascript·数据结构·面试
程序员黑豆1 小时前
AI全栈开发之Java:怎么配置Java环境变量
前端·后端·ai编程
xiaofeichaichai2 小时前
React Hooks
前端·javascript·react.js