美文网首页
TypeScript学习第一天:在vsCode中自动编译

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

作者: 鹏多多 | 来源:发表于2022-02-28 21:47 被阅读0次

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编译

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

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

往期文章

个人主页

相关文章

网友评论

      本文标题:TypeScript学习第一天:在vsCode中自动编译

      本文链接:https://www.haomeiwen.com/subject/lzjrrrtx.html