TypeScript 安装及基础运行环境搭建
2024-09-04 14:22:09
安装 TypeScript
npm install -g typescript
安装成功后，命令行输入 tsc -v 命令提示当前安装的 TypeScript 版本：
出现版本号即安装成功。
使用 VSCode 编译 .ts 文件
首先，我们编写一个简单的 .ts 文件，如图
在控制台切换到对应文件夹，输入 tsc index.ts。
此时文件夹下将会编译出一个 index.js 文件。
这样，ts 文件编译成浏览器能运行的 es5 的 js 文件就成功了。
简化流程
如果每次都手动运行一遍编译命令很麻烦，下面我们来使用自动编译。
首先，在文件夹输入命令
tsc --init会自动创建一个
tsconfig.json文件打开此文件，寻找
outDir字段
将这一行注释解开，将
"./"修改为"./js"，保存这代表着将编译的 .js 文件输出到当前目录下的 js 文件夹中，此文件夹会在有文件编译时自动创建
保持终端在当前项目目录（当前文件夹）
点击顶部工具栏中的 终端 --运行任务--typescript--tsc监视
此时，tsc 便处于监视状态，将 .ts 文件保存后会自动编译到 js 文件夹的 index.js 中，完成。
最新文章
- 第 31 章 项目实战-PC端固定布局[1]
- spark dataframe unionall
- css3的transition过渡
- Git学习笔记（二）
- HDOJ 4389 X mod f(x)
- iOS -- MVC的理解
- 分布式还是混合式? 谈CDN架构对服务质量的影响
- SPJ
- zookeeper基本讲解及基本命令和配置 （转）
- Servlet（九）：web.xml文件和server.xml文件
- [译]Nuget.Server
- mybatis 三剑客 generator配置 、mybatis plugin
- 04 Zabbix4.0系统配置触发器trigger
- 学习笔记(三)--->《Java 8编程官方参考教程（第9版）.pdf》:第十章到十二章学习笔记
- JQuery九大选择器
- HighCharts实现多数据折线图分列显示
- 面试题28：单链表一次遍历删除从后往前的第n个节点
- python io 模块之 open() 方法(好久没写博客了)
- linux发布项目
- MySqlDBHelper