众所周知typeScript是不能直接运行的,同时也是不被浏览器所识别的,它需要编译成js文件后才能运行;这样就造成了很多不便,有没有什么办法能够像vue、react的热更新一样,只要改变代码,保存后就能自动的编译;而不需要我们自己手动的去使用tsc来编译呢?方法当然是有的;

1、使用ts-node直接运行ts文件

通过npm全局安装ts-node插件

npm install -D ts-node

ts文件目录
直接在终端使用ts-node运行ts文件

ts-node ./src/croller.ts

此时可以在终端看到已经运行了ts文件,当然实际上它也是编译后运行的;

2、监听文件变化,并自动运行

首先安装nodemon,它能帮助我们自动运行编译后的js文件;

npm install --save-dev nodemon

在文件package.json文件中修改scripts,以下是我的package.json文件:

"name": "ts-reptile", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "tsc -w" "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@types/superagent": "^4.1.10", "nodemon": "^2.0.4", "ts-node": "^9.0.0", "typescript": "^4.0.2" "dependencies": { "@types/cheerio": "^0.22.21", "cheerio": "^1.0.0-rc.3", "superagent": "^6.0.0"
npm run build
npm run start

添加了build和start,运行两个命令,通过tsc -w来持续监听文件的变化,然后自动编译成js文件,再通过nodemon自动运行编译后的js文件,从而方便快捷优雅的编写ts代码。

众所周知typeScript是不能直接运行的,同时也是不被浏览器所识别的,它需要编译成js文件后才能运行;这样就造成了很多不便,有没有什么办法能够像vue、react的热更新一样,只要改变代码,保存后就能自动的编译;而不需要我们自己手动的去使用tsc来编译呢?方法当然是有的;1、使用ts-node直接运行ts文件通过npm全局安装ts-node插件npm install -D ts-node直接在终端使用ts-node运行ts文件ts-node ./src/croller.ts此时可以在终
我们都知道nodemon可以直接用来在开发环境下运行js文件,可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript,所以就想使用ts来写,也想达到同样的效果,总结一下方法,大概有如下几种: nodemon+tsc: 这个方法很简单,首先通过tsc将我们的ts文件编译到dist目录下,然后再通过nodemon直接运行dist目录下的文件即可。至于ts的输出目录相关配置可在tsconfig.js中设置。 tsc && nodemon --watch dist/index.js 但是这种方式有个缺点,就是nodemon只监听了dist目录,可能有时候你修改了源码并不能触发热
在 Vue3 中使用 TypeScript 时,如果想要在数值改变时重新运行,可以在计算属性或者 watcher 中监听数值的变化并在变化时触发相应的逻辑。 例如,在计算属性中监听数值的变化: <template> <input v-model="num" type="number"> <p>{{ computedNu...
安装node 1、安装地址:点击进入下载页(https://nodejs.org/en/download/) 2、一路next,建议自定义安装目录(例:D:\nodejs) 3、node -v 和 npm -v 检测是否安装成功,显示版本号均为成功 配置缓存和安装路径 1、为方便管理,在所安装的node文件夹中创建node_cache和node_global文件夹,分别来存放,缓存和全局依赖包(例:D:\nodejs\node_cache 和 D:\nodejs\node_global) 2、将上面这两个文
// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ "type": "node", "request": "launch",
好的,我可以告诉你如何在 JavaScript 文件中使用 TypeScript。 首先,确保你已经安装了 TypeScript,并且确保你的 TypeScript 版本与你使用的 JavaScript 引擎兼容。 然后,你需要在 JavaScript 文件中添加一个特殊的注释来声明你使用的是 TypeScript: // @ts-check 这个注释告诉 TypeScript 编译器你的文件TypeScript 文件,并且会让编译器对文件进行类型检查。 你也可以使用以下注释来指定你使用的 TypeScript 版本: // @ts-nocheck // @ts-ignore // @ts-expect-error 如果你想要在 JavaScript 文件中使用 TypeScript 的所有功能,你可以使用 `tsc` 命令来将 JavaScript 文件转换为 TypeScript 文件。 例如,你可以使用以下命令将 `input.js` 转换为 `output.ts`: tsc --outFile output.ts input.js 这样,你就可以在 JavaScript 文件中使用 TypeScript 的所有功能了。
Hydration failed because the initial UI does not match what was rendered on the server 今天太阳真大: 第二个方法确实好使,厉害厉害 Hydration failed because the initial UI does not match what was rendered on the server 今天太阳真大: 大佬,为啥触发这种bug呢 Hydration failed because the initial UI does not match what was rendered on the server 给出的是两种解决问题的方法,第一种方法是降到17,看仔细了