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 的所有功能了。