TypeScript安装和编译
# TypeScript安装和编译
- 第一步 新建一个空文件夹用来学习 ts
- 第二步 全局安装 ts 和 ts-node
cnpm i typescript -g //全局安装ts
cnpm i -g ts-node //全局安装ts-node
1
2
3
2
3
- 第三步 生成 tsconfig.js 配置文件
tsc --init
1
2
2
我们就先按照自动生成的 tsconfig 配置项去使用 里面的配置咱们可以先不去管他 后续熟练了再去配置
- 第四步 在项目下新建一个
index.ts直接写入
const a: string = "hello";
console.log(a);
1
2
3
2
3
- 第五步 编译 ts 为 js 在控制台（终端）输入命令
tsc index.ts
1
2
2
神奇的事情发生了 项目下出现了一个同名的 index.js 文件 至此我们已经可以把 ts 文件编译成 js 文件了
不过到这里聪明的小伙伴就会发现了 我们全局安装的 ts-node 有什么作用呢 其实这个包是帮助我们在不需要编译成 js 的前提下就可以直接执行 ts 代码 比如 我们在控制台输入
ts-node index.ts
1
2
2
可以看到我们打印的hello已经输出了
那可能 还有的小伙伴会发现 我们每次改动都要手动去执行编译 这样很麻烦 其实我们可以加一个参数来实现每次文件变动 ts 帮我们自动编译成 js 的效果
tsc --watch index.ts
1
2
2
好了 环境安装完毕了 接下来出发去学习 ts 核心吧
