专业的编程技术博客社区

网站首页 > 博客文章 正文

第三章、TS 的编译调试(ts编译js)

baijin 2024-08-21 11:17:36 博客文章 5 ℃ 0 评论

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有的功能都有,而且避免工作的时候两个工具切换,妥妥的神器,一专多能,俺最爱。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表