TypeScript介绍
# TypeScript介绍
TypeScript——静态类型编辑语言(编译期做类型检查)
JavaScript——动态类型编辑语言(执行器做类型检查)
代码编译和代码执行顺序
- 编译
- 执行
# 安装TypeScript
npm install -g typescript // 全局安装 ts
1
是否已经安装过 typescript 的,可以使用以下命令来验证:(如果出现版本,则说明已经安装成功)
tsc -v
1
生成 tsconfig.json 配置文件
tsc --init
1
在我们文件中,随便写点什么
const s:string = "彼时彼刻,恰如此时此刻";
console.log(s);
1
2
2
控制台执行 tsc xxx.ts
命令,目录下生成了一个同名的 xxx.js 文件
var s = "彼时彼刻,恰如此时此刻";
console.log(s);
1
2
2
通过tsc命令,发现我们的typescript代码被转换成了熟悉的js代码
我们接着执行
node helloworld.js
1
# 安装 ts-node
那么通过我们上面的一通操作,我们知道了运行tsc命令就可以编译生成一个js文件,但是如果每次改动我们都要手动去执行编译,然后再通过 node命令才能查看运行结果岂不是太麻烦了
npm i -g ts-node // 全局安装ts-node
1
有了这个插件,我们就可以直接运行.ts文件了
ts-node xxx.ts
1
可以看到我们的打印结果已经输出
上次更新: 2024/08/14, 04:14:33