TypeScript学习第一天:在vsCode中自动编译

1,全局安装typeScript环境


Win+R,打开电脑cmd命令框,全局安装typeScript

npm install -g typescript

2,新建项目


新建一个demo目录,cmd进入目录。运行命令tsc --init,成功后会在目录下生成一个tsconfig.json文件,里面有个compilerOptions对象。

  • target:指定编译后的JavaScript版本
  • outDir:编译后的文件存放目录
  • rootDir:需要编译的文件存放目录
  • strict:严格模式

3,运行


vsCode添加该项目,选中目录,点击vsCode顶部:终端 => 运行任务 => tsc 监视 你的目录
运行完成后,新建一个.ts的文件,保存后会自动编译为JavaScript

如图:

TS编译


如果看了觉得有帮助的,我是@上进的鹏多多,欢迎 点赞 关注 评论;END


PS:在本页按F12,在console中输入document.querySelectorAll('.diggit')[0].click(),有惊喜哦


面向百度编程

公众号

weixinQRcode.png

往期文章

个人主页

posted @ 2022-02-28 21:43  鹏多多  阅读(338)  评论(0编辑  收藏  举报