typescript学习(1)配置、编译

news/2024/7/24 5:09:57 标签: typescript, 前端

做一些总结与记录:

查看index.ts文件运行结果:

1、tsc --outFile  ./js/index.js  index.ts 即可将根目录ts文件转为js文件,node index.js即可运行此js文件

2、使用ts-node:npm install ts-node -g;mac安装失败可以加sudo;安装完成之后直接:ts-node index.ts即可查看ts文件运行结果

3、配置tsconfig.json

{
  "compilerOptions": {             
    "target": "es5",             
    "module": "commonjs",           
    "outDir": "./js",                      
    "strict": true,                    
    "esModuleInterop": true,                
    "skipLibCheck": true,                     
    "forceConsistentCasingInFileNames": true  
  }
}
  1. tsc --init  初始化tsconfig.json文件如上(其他配置已经删除),其中设置outDir可以指定对应目录
  2. vscode中选择  终端->运行任务->选择tsc监视即可;或者直接终端输入 tsc --watch
  3. 在ts中写入内容即可在outDir实时输出js文件 node index.js查看结果

 

 


http://www.niftyadmin.cn/n/1318624.html

相关文章

WordPress Download Monitor插件跨站脚本漏洞

漏洞名称:WordPress Download Monitor插件跨站脚本漏洞CNNVD编号:CNNVD-201308-139发布时间:2013-08-14更新时间:2013-08-14危害等级:中危 漏洞类型:跨站脚本威胁类型:远程CVE编号:…

一张图读懂阿里腾讯为何血拼打车软件

核心:❶移动支付市场布局;❷争夺O2O市场先机,打造O2O闭环!一张图清晰解读。

实时疫情数据+echarts地图+自定义背景

目前需求是在地图上展示全国各省的地图并展示实时疫情数据,以重庆为例展示各地前往重庆的数据迁移图 效果如下 1、引入echart与china.json数据 //最新版echart必须要以此种方式引入 import * as echarts from echarts let uploadedData require(./china.json) …

生鲜电商:卖什么?卖给谁?怎么卖?

2012年,众多玩家在生鲜领域发力,使生鲜电商从"蓝海"变成"红海"。在选择进场前,首先要想清楚三个问题:生鲜电商卖什么?卖给谁?怎么卖? 不知道大家是否还记得刘强东去年爆出的"西红柿门"&#xff…

统一批量注册vue全局公共组件

项目中有大量弹窗组件与公共UI组件,每次使用需要在组件内import 并且需要在components中注册,,或者在main.js中引入然后Vue.use(component)全局注册较为麻烦,尤其组件较多时候,main文件是越简洁越好; 一般拆…

解释@Component @Controller @Service @Repository

一般版本低的JDK在用到Resource注解时,可能需要引入j2ee/common-annotations.jar。我用的是JDK1.6,没需要引入。 Component大致可以分为以下几个注解: a.controller控制器(注入服务),用于标注控制层组件(如struts中的action) b.service服务(…

Watir: 应用Watir,调用AutoIT清空IE浏览器的Cookies

require win32oleai WIN32OLE.new("AutoItX3.Control")ai.RunWait("RunDll32.exe InetCpl.cpl,ClearMyTracksByProcess 255")转载于:https://www.cnblogs.com/autotest/p/3262549.html

element-ui多次弹出message消息提示,仅显示一个

项目中最常用的UI框架就是element-ui,经常在点击操作按钮时候多次点击上一个弹窗未消失,下一个又出现,类似于ant-vue里面提供了 this.$message.destroy()方法,能够销毁。 但是在饿了么里面是不存在的,只能对此重写处理…