网站首页 > 技术文章 正文
1.简介
JavaScript 的运行环境(浏览器和 Node.js)不认识 TypeScript 代码。所以,TypeScript 项目要想运行,必须先转为 JavaScript 代码,这个代码转换的过程就叫做“编译”(compile)。
TypeScript 官方没有做运行环境,只提供编译器。编译时,会将类型声明和类型相关的代码全部删除,只留下能运行的 JavaScript 代码,并且不会改变 JavaScript 的运行结果。
因此,TypeScript 的类型检查只是编译时的类型检查,而不是运行时的类型检查。一旦代码编译为 JavaScript,运行时就不再检查类型了。
TypeScript 通过 delete 键变成 JavaScript。
2.检查安装TypeScript
- 查看当前项目的ts版本:
tsc --version
- 查看全局的ts版本:
npm view typescript version
- 安装TS
# 全局安装
npm install -g typescript
# 或者在项目目录下安装局部版本
npm install --save-dev typescript
3.编译单独ts文件
# 编译ts文件
tsc index.ts
# 运行编译后的js文件
node index.js
4.第三方编译ts
你还可以使用 nodemon 或 ts-node 等工具来自动编译和运行 TypeScript 文件。
# 安装ts-node 包
npm install -g nodemon ts-node
# 编译ts
nodemon --exec ts-node index.ts
5.玩TS工具
- vscode:纯前端,这个是主流,各种插件丰富。
- Visual Studio也可以,效果也不错
- IDEA:适合后端人员玩,快捷键熟悉,IDE使用熟悉,VSCODE有的功能都有,而且避免工作的时候两个工具切换,妥妥的神器,一专多能,俺最爱。
猜你喜欢
- 2025-05-21 n8n — 可扩展的自动化工作流
- 2025-05-21 可以直接拿来做项目的开源框架
- 2025-05-21 LangFlow技术深度解析:可视化编排LangChain应用的新范式(2)
- 2025-05-21 项目中使用 husky 格式化代码和校验 commit 信息
- 2025-05-21 鸿蒙开发之ArkTS制作显式动画
- 2025-05-21 开发者必备路线图:从此告别技术迷茫
- 2025-05-21 鸿蒙NEXT开发-ArkTS
- 2025-05-21 阮一峰高质量免费 TypeScript 教程,适合有 JS 基础的人系统学习 TS
- 2025-05-21 前端项目自动检测更新并提示用户刷新页面
- 2025-05-21 Rust+Tauri2+React+TS剪切板管理桌面端应用开发示例
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)