首页 > 其他分享 >三步 让你的 vscode 自动编译ts文件

三步 让你的 vscode 自动编译ts文件

时间:2023-05-04 22:36:47浏览次数:42  
标签:vscode ts js 编译 自动 三步 tsc

1:环境安装

  • tsc 作用:负责将ts 代码 转为 浏览器 和 nodejs 识别的 js代码。
  • /全局安装 npm install -g typescript // 检查是否安装成功 tsc -v

  •  2:自动编译

    运行 tsc --init,创建 tsconfig.json 文件;
    修改 tsconfig.json 文件,设置编译后的 js 文件夹。快速查找 outDir,输出路径修改为:"outDir": "./js/";
    设置 vscode 监视任务,之后修改项目中的 ts 代码时,会自动生成对应 js;
    (或运行 tsc -w 命令监听)

     

     

     

标签:vscode,ts,js,编译,自动,三步,tsc
From: https://www.cnblogs.com/wugh8726254/p/17372716.html

相关文章

  • CONNECT THE DOTS 挂载操作 jsfuck ftp download 信息收集
    主机发现sudonmap-sT--min-rate10000-p-xx.x.xx.x-oAnmapscan/ports要提取出所有的端口,进行字符操作catnmapscan/ports|grepopen|awk-F'/''{print$1}'|tr'\n\r'','sudonmap-sT-sC-sV-O-pxx.xx.xx.xx-oAnmapscan/......
  • requests基本介绍
    1.requests的基本使用:  2.实例:请求丁香园疫情首页: ......
  • 兼容 windows 和 Linux 的fgets文件读取方式(判断文件尾)
    /*检测文件尾范例使用fgets读取文件*//*范例:检测文件尾,windows和linux,unix平台兼容版本*/#include<stdio.h>#include<stdlib.h>#defineBUFSIZE100intmain(void){FILE*f;charstr[BUFSIZE];char*result;//读方式打开文件hello.txt,如果文件不......
  • vscode使用git推送代码
    下载vscodehttps://code.visualstudio.com/点击应用管理搜素Chinese(Simplified)LanguagePackforVisualStudioCode点击安装后记得全屏安装,好了后会有提示点击蓝色的按钮vscode会自动重新启动命令如下桌面新建一个文件夹-随便起一个名字把你需要的代码......
  • @enableFeignClients注解的basePackages属性的作用
    basePackages属性是@EnableFeignClients注解的一个可选属性,它用于指定需要扫描的包路径。通过设置该属性,可以告诉Spring在哪些包下查找用@FeignClient注解标记的接口。basePackages中的包可以指定其他模块的包。在多模块的项目中,如果你想要在一个模块中使用另一个模块的......
  • MFC-CListCtrl-GetSelectedCount获取被选中项目的总数
     UINTn=mylist4.GetSelectedCount();//获取被选中项目的总数str.Format(_T("n=%d\r\n"),n);OutputDebugString(str);    ......
  • 使用TPC-H 进行GreatSQL并行查询测试
    准备工作数据库版本GreatSQL-8.0.25-17生成数据使用TPC-H生成数据#TPC-HPopulationGenerator(Version3.0.0)#生成10G的数据$./dbgen-vf-s10修改my.cnfvim/etc/my.cnf#设置IPB为8Ginnodb_buffer_pool_size=8G#设置并行查询的使用最大内存(此处为8G,根......
  • Uncaught Error: Objects are not valid as a React child (found: object with keys
    转自:react报错UncaughtError:ObjectsarenotvalidasaReactchild(found:objectwithkeys{a}...报错信息分析UncaughtError:ObjectsarenotvalidasaReactchild(found:objectwithkeys{content,key,duration}).Ifyoumeanttorenderacollectiono......
  • netstat命令端口状态
    TCP协议规定,对于已经建立的连接,网络双方要进行四次握手才能成功断开连接,如果缺少了其中某个步骤,将会使连接处于假死状态,连接本身占用的资源不会被释放。网络服务器程序要同时管理大量连接,所以很有必要保证无用连接完全断开,否则大量僵死的连接会浪费许多服务器资源。在众多TCP状态......
  • [Javascript] Proxy - Snippets
    Blog:https://dev.to/marclipovsky/discovering-the-power-of-javascript-proxy-after-all-this-time-4627 Lazyloading:constlazyLoadHandler={get:function(target,property){if(!target[property]){target[property]=expensiveComputation(......