您的位置:首页 > Web前端 > JavaScript

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

2022-02-28 21:43 871 查看 https://www.cnblogs.com/-pdd/p

TOC

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

如图:

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

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

公众号

往期文章

个人主页

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: