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

相关推荐
牧羊狼的狼2 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc
知识分享小能手4 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
luckys.one4 小时前
第9篇:Freqtrade量化交易之config.json 基础入门与初始化
javascript·数据库·python·mysql·算法·json·区块链
魔云连洲4 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell4 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
weixin_437830946 小时前
使用冰狐智能辅助实现图形列表自动点击:OCR与HID技术详解
开发语言·javascript·ocr
超级无敌攻城狮6 小时前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel7 小时前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
gnip7 小时前
JavaScript事件流
前端·javascript
小菜全7 小时前
基于若依框架Vue+TS导出PDF文件的方法
javascript·vue.js·前端框架·json