TypeScript初体验

一、安装编译TS的工具包

问题:为什么要安装编译TS的工具包?

回答:Node.js/浏览器,只认识JS代码,不认识TS代码。需要先将TS代码转化为JS代码,然后才能运行。

安装命令:npm i -g typescript

typescript: 用来编译TS代码的包,提供了tsc命令,实现了TS ->JS的转化。

验证是否安装成功:tsc -v(查看typescript的版本)。

 

二、编译并运行TS代码

1、创建index.ts文件(注意;TS文件的后缀名为.ts)。

2、将TS编译为JS:在终端中输入 tsc index.ts(此时同级目录会出现一个同名的JS文件).

3、执行JS代码:在终端中输入命令,node index.js

说明:所有合法的JS代码都是TS代码,有JS基础只需要学习TS类型即可。

1 console.log('hello TS');
2 let age: number = 18;
3 console.log(age)
index.ts

编译指令后:

1 console.log('hello TS');
2 var age = 18;
3 console.log(age);
编译指令后得到的index.js

注意:由TS编译生成的JS文件,代码中就没有类型的信息了。

三、简化运行TS的步骤

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

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

安装命令:npm i -g ts-node(ts-node包提供了ts-node命令)

使用方式:ts-node {ts文件名}

解释:ts-node命令在内部偷偷的将TS->JS,然后再运行JS代码,并没有生成JS文件

以上面index.ts为例:

 

posted @ 2024-01-01 19:26  perfect*  阅读(12)  评论(0编辑  收藏  举报
$(function() { $('#cnblogs_post_body img').each(function() { let imgSrc = $(this).attr('src'); let year = parseInt(imgSrc.substr(imgSrc.indexOf('g')+1,4)); if(year >= 2022){ imgSrc += `?watermark/2/text/amlndWl5YW4=/font/5a6L5L2T/fontsize/15/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast`; $(this).attr('src', imgSrc) } }) })