VS Code中配置保存*.ts文件自动编译成*.js文件

前提:已经安装了typescript
否则使用下列命令全局安装typescript

npm i -g typescript 

第一步:使用cmd到达指定的项目下, 使用下列命令进行初始化,创建tsconfig.json 文件

tsc -init

”target” : 编译为何种规范,一般设置为 ES5 或者 ES2016/2017
“outdir” : 输出目录
“alwaysStrict” : 打开严格模式 (‘use strict’)
第二步:打开tsconfig.json文件修改和删除相应配置(如果想快速修改配置,请复制下列配置)

{
  "compilerOptions": {
   "target": "es5",
   "noImplicitAny": false,
   "module": "amd",
   "removeComments": false,
   "sourceMap": false,
   "outDir": "js"//你要生成js的目录
  }
}

第三步:打开VSCode进入该目录,按下 Ctrl+shift+B 快捷键会进行编译,初次编译会选择编译模式(自行编写.ts文件测试)
注意:
监视模式 是每当TS文件有变动就会自动编译,构建模式是手动命令编译时才会去编译,这里选择监视模式


参考网址:
1、https://blog.csdn.net/gofun4/article/details/80293222
2、//www.greatytc.com/p/aa4145604ca9

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Micr...
    Gukson666阅读 8,810评论 3 29
  • 阅读目录 [环境搭建] [第一部分、简介] [第二部分、环境准备] [第三部分、使用Visual Studio C...
    黑姐姐阅读 2,934评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,252评论 19 139
  • 概述 TypeScript本质上是向JavaScript语言添加了可选的静态类型和基于类的面向对象编程,同时也支持...
    oWSQo阅读 8,588评论 1 45
  • 贺瑾读书打卡第89天 《你就是孩子最好的玩具》第二章27-48页 同情其实很简单,就是感受孩子的感受。 除了开心,...
    贺瑾阅读 111评论 0 0