【转存】使用tsc -w监视编译和使用ts-node直接在node下运行typescript

最新推荐文章于 2024-07-14 07:00:00 发布
最新推荐文章于 2024-07-14 07:00:00 发布
阅读量3.1k 收藏 4
点赞数 1
文章标签： typescript node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44831027/article/details/108160712
版权
本文介绍了如何使用`tsc -w`命令进行TypeScript项目的实时编译和监视文件变动，以及如何配置tsconfig.json。同时，讲解了全局安装ts-node后，如何直接使用ts-node启动和运行TypeScript的Node.js项目。
摘要由CSDN通过智能技术生成

一、使用tsc -w进行随时热更新watch

  • 通过tsc -w 命令，使得tsc监视文件变化从而实现实时编译
    如图

    但是要记得写tsconfig.json
    tsconfig:
{
   
    "compilerOptions": {
   
        "incremental": true,
        "tsBuildInfoFile": "build/buildFile"
最低0.47元/天 解锁文章
codeAX
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Typescript(学习笔记)
m0_58575070的博客
06-12 315
安装完之后，全局会有一个命令tsc，tsc用于把.ts文件编译成.js文件执行下面tsc hello.js后，就会帮我们生成一个同名的js文件，然后就可以在浏览器或者node上运行这个js文件了;运行tsc hello.ts使用tsc -w 或者 tsc --watch 命令可以监听ts文件,只要有修改,对应的js文件就会同步更改注意: 使用tsc -w 这个命令之前 必须先初始化ts的配置文件，否则tsc -w 无效初始化ts配置文件，执行tsc --init命令tsc --init。
typescript入门
my_web000的博客
04-27 364
安装 npm i typescript -g tsc 常用命令 tsc --init 初始化项目 tsc ./src/xxx.ts 编译某个文件 tsc -w 检测变化并编译 tsconfig.json 文件 {“compilerOptions”:{ “outDir”:"./dist", //输出文件夹 “rootDir”:"./src" //源文件夹 }} ts常见类型 b...
tsc-then:与`tsc -w`类似，但是在编译完成时它会运行您选择的命令
05-10
tsc-then tsc -w将监视文件系统并几乎立即重新编译代码。 您不想在编译完成后运行命令吗？ 喜欢运行测试吗？ tsc-then是一个超级简单的命令，它将运行tsc -w并在tsc -w完成后运行指定的命令。 如果您的命令花费的时间比编译长得多，这是可以的，它将等待命令的最后一次运行完成，然后再开始下一个命令。 因为通常使用智能编辑器进行编辑，该编辑器会产生内联错误，所以我将打字机的错误报告遗漏在控制台输出中，但这在以后的版本中可能会更改或成为选项。 用法示例 tsc-then -- npx mocha 这将运行打字稿的tsc -w ，并且每次编译完成时，都会运行命令npx mocha 。 它通过npx mocha的stdout和stderr，以及一些行来描述下一个命令的运行。 多个项目 传递-p来指定项目目录或配置文件，与tsc的-p参数相同。 多次传递它，然后tsc-th
TypeScript 教程(一)：安装和tsc编译
最新发布
前端探索者
07-14 1368
TypeScript 是 JavaScript 的超集，它在 JavaScript 的基础上增加了静态类型，提供了更好的开发体验和工具支持。本篇文章将介绍 TypeScript 的基本概念、优势，以及如何安装和配置 TypeScript 环境。TypeScript 是由微软开发的开源编程语言，是 JavaScript 的超集，主要特点是增加了静态类型。TypeScript 可以编译成纯 JavaScript，因此可以运行在任何支持 JavaScript 的环境中。
TS学习笔记三TS编译选项
Alex_killer的博客
06-19 556
​ 编译文件时，使用指令后，TS编译器会自动的监视文件的变化，并在文件变化时对文件执行重新编译示例 一个命令编译所有文件 在目录下使用 生成文件在生成后可以直接通过命令直接编译文件目录下的所有js文件 命令则可以通过监听的方式，在文件变化的时候对文件执行重新编译 “include” 用来指定哪些文件会被编译 表示任意目录表示任意文件用来指定哪些文件/目录不被编译默认值： 加上选项指定的值 “extends” 定义被继承的配置文件 上面的代码会自动包含目录下中所有的配置信息用来指定需要编译的文件列表（注
typescript环境搭建及ts文件调试方法
qq_39111074的博客
07-20 2403
typescript环境搭建及ts文件调试方法
esbuild-node-tsc:使用快速的esbuild构建Typescript Node.js项目
03-18
:high_voltage: esbuild-node-tsc 使用快速的构建您的Typescript Node.js项目。 由于esbuild可以以亚秒级的速度构建大型打字机节点项目，因此如果您要坚持使用tsc进行生产构建，这对于开发构建也非常有用。 请注意，...
ts-node：用于Node.js的TypeScript执行和REPL
02-03
TypeScript执行和针对Node.js的REPL，...用法贝壳# Execute a script as `node` + `tsc`.ts-node script.ts# Starts a TypeScript REPL.ts-node# Execute code with TypeScript.ts-node -e ' console.log("Hello, world
typescript-node-starter:使用打字稿的节点和快速设置示例
03-19
**typescript-node-starter** 是一个基于 **TypeScript** 的 **Node.js** 项目模板，它为开发者提供了一个快速启动新项目的基础。这个项目的核心目的是帮助开发者以类型安全的方式编写 Node.js 应用程序，利用 ...
tsc-alias:打字稿编译后将绝对路径替换为相对路径
03-11
与比较+编译时间（无运行时相关性）入门首先，使用npm将tsc-alias安装为devDependency。 npm install -g tsc-alias npm install --save-dev tsc-alias将其添加到package.json中的构建脚本中" scripts " : { " build ...
gulp-ts-alias：解决在tsconfig中定义的TypeScript导入别名和路径
02-03
解决在tsconfig定义的TypeScript导入别名和路径。 安装 npm install --save-dev gulp-ts-alias 信息 以前曾尝试发布完成类似功能的Gulp插件，但都无法维护。 出于遗产的考虑，以下是已考虑的先前软件包/脚本的...
TypeScript常用命令
qq_43692768的博客
03-11 814
tsc app.ts 编译app.ts文件； tsc app.ts -w 自动编译app.ts文件，只能监视app.ts这一个文件； tsc -w 自动编译所有的.ts文件，前提是要创建一个tsconfig.json文件；
typeScript学习指南
qq_44599159的博客
08-05 1735
typescript学习/指南
ts-node 让ts在开发环境不再繁琐
u011078940的博客
06-28 1738
ts-node ts支持了很多面向对象的特效，让js更想一款面向对象的语言，方便开发中抽象业务 如果需要运行ts 文件必须先把ts转换为js文件之后才可以执行 下面我们就可以直接使用ts-node工具，直接可以运行ts 文件，把繁琐的转换工作交给工具，注意，这里说的是开发环境哦，线上环境我们任然还是需要提前转换成js文件编辑部署的 安装 sudo npm i -g ts-node sudo npm i -g typescript //把ts 文件转换js文件依赖工具 然后就可以执行使用了，比如项目入口文
Typescript学习笔记(二): tsc常用的命令简介
热门推荐
qq_24724109的博客
05-04 2万+
0.参考资料 小马技术 1. tsconfig.json 文件的修改 1) 生成tsc目录下的配置文件:tsconfig.json tsc --init 2) 修改tsc编译生成文件的输出目录和ts文件所在根目录的地址 打开tsconfig.ison修改outDir 和 rootDir { "outDir": "./dist", "...
ts-node | ts-node添加node启动参数(--experimental-worker)
u011607490的博客
06-08 3707
例如： node --experimental-worker node_modules/ts-node/dist/bin 不要默认env头，手动node执行bin，需要注意node不会去node_modules里找scripts
ts-node 的使用
weixin_42712337的博客
10-14 1840
安装 ts-node 需要在全局去安装。这里要用 npm 去全局安装，yarn 全局安装好像用不了 ts-node 全局安装： npm install -g typescript npm install -g ts-node 本地安装：用npx ts-node 程序名 npm install typescript npm install ts-node 简单程序：test.ts constoutput="Helloworld" console.log(output)...
TypeScript: 使用ts-node加速开发
手写我对你的温柔
04-28 1万+
普通的运行ts的方式， 需要先通过tsc编译为js文件然后运行node xx.js： 一共花了2条命令,使用繁琐： 而使用ts-node: npm install -g ts-node 只需要ts-node xxxx.ts即可： ...
node.js开发：nodemon --- 踩坑之路（二）
鱿太人cccccciel___
05-31 2万+
今天项目上线，又能抽点时间继续搞搞node.js 搞vue.js搞久了，下意识依赖热重载，ctrl+s保存！！页面自动呈现最新状态！！简直爽！！ 导致搞node.js的时候，ctrl+s保存，一脸期待的等待最新状态，结果...哎哎哎？？哦。。这是node.js，需要输入命令 “node [启动文件]”才可以重新编译启动（嫌弃脸~） 于是乎，去某度搜索了一波，发现了这玩意儿——nodemon...
TSC-2100 GPS网络对时软件使用指南
此外，该软件还提供了一年的有限保修服务，用户在正常使用和维护下，若设备在两年内出现故障，科汇公司将提供免费维修或更换。同时，科汇公司承诺对设备进行终身维护，并提供了详细的联系方式，包括电话、邮箱和官方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值