Typescript安装及编译

Posted 2021-08-24 Frazier@‘ ’

安装：

开始的前提 要安装好node.js

首先打开dos命令    npm install -g typescript   或者  cnpm install -g typescript

验证是否安装成功  重新打开dos命令  tsc helloworld.ts

编译：

因浏览器不支持ts语法所以需要编译成es5

新建index.ts文件  ， cd进入目录  输入 tsc index.ts 回车  目录里就会多个index.js  //代码编写还是在ts里

在index.ts里写完代码之后需要重新tsc index.ts 一下才会编译成es5的语法

自动编译ts文件

配置开发工具自动编译ts文件

cd到项目里

创建tsconfig.js文件  在dos命令里通过ts --init生成

tsconfig.js里修改时输出目录 "outDir"：‘./js’

在vsc里上方点击tsc：监视 - tsconfig.json  这样就会自动编译成javascript文件了

新建index.ts文件  点击终端—运行任务—typrscript—监视 - tsconfig.json