首页 前端知识 TypeScript 初体验:第一个 TS 文件

TypeScript 初体验:第一个 TS 文件

2024-06-13 21:06:37 前端知识 前端哥 234 695 我要收藏

步骤

 1. 创建ts文件:

① 在桌面中创建文件夹:code。

② 在文件夹上点击鼠标右键,然后点击 Open With Code(用VSCode打开文件夹)。

③ 在 VSCode 中新建ts文件:hello.ts(注意:文件后缀名为 .ts)。

2. 写代码:在 hello.ts 文件中,写入以下代码,并保存。

console.log('Hello TS')

问题1:TS 代码能直接在 Node.js 里面运行吗?不能

问题2:该如何处理呢? 1 TS代码 -> JS代码 2 执行

3. 执行代码,分两步:

① TS代码 -> JS代码:在当前目录打开终端,输入命令 tsc hello.ts 敲回车。

② 执行JS:输入命令 node hello.js(注意:后缀为 .js)

解释:

tsc hello.ts 会生成一个 hello.js 文件。

node hello.js 表示执行这个 JS 文件中的代码。

 简化执行TS的步骤

问题:每次修改代码后,都要重复执行两个命令才能执行 TS 代码,太繁琐。

执行 TS 代码的两个步骤:
1 tsc hello.ts
2 node hello.js

简化方式:使用 ts-node 包,“直接”在 Node.js 中执行 TS 代码。

安装命令:npm i –g ts-node。 

使用方式:ts-node hello.ts

解释:

ts-node 包内部偷偷的将 TS -> JS,然后,执行 JS 代码。

ts-node 包提供了命令 ts-node,用来执行 TS 代码

现在只需一步:
ts-node hello.ts

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12035.html
标签
评论
发布的文章

JQuery函数 | 选择器 | 事件

2024-06-20 00:06:11

双X轴的Echarts图

2024-06-20 00:06:08

在Vue3中使用echarts图表

2024-06-20 00:06:07

将echarts封装为js文件

2024-06-20 00:06:04

利用Echarts画地图和飞线

2024-06-20 00:06:03

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!