搜索
搜索
天涯的知库
显示页面
过去修订
您的足迹:
•
stock
•
站务
•
PlayGround
•
常用命令
•
数据源
•
全网目录
•
常用资源路径
本页面只读。您可以查看源文件,但不能更改它。如果您觉得这是系统错误,请联系管理员。
====== nodemon + ts-node 实时编译 ====== 实现目标,更改代码之后自动加载。(([[https://medium.com/@sudarshanadayananda/how-to-live-reload-typescript-node-server-bc40171fdb7|How to Live Reload TypeScript Node Server in Local Development]])) 安装 <color #ff7f27>''%%npm install -g ts-node%%''</color>, 然后通过命令运行ts脚本 <color #ff7f27>''%%ts-node index.ts%%''</color>。 <color #ff7f27>''%%npm install --save-dev nodemon%%''</color> 以下面的文件布局为示范 ├── node_modules ├── src │ ├── models │ ├── controllers │ ├── services │ ├── app.ts ├── index.ts ├── package.json └── ... 创建一个nodemon.json文件 ++++ nodemon.json | <file json nodemon.json> { "ignore": ["**/*.test.ts", "**/*.spec.ts", "node_modules"], "watch": ["src"], "exec": "npm start", "ext": "ts" } </file> ++++ 修改package.json文件中脚本段 <code json> { "scripts": { "dev": "nodemon", "start": "ts-node ./src/app.ts" } } </code> * 需要实时更新代码:<color #ff7f27>''%%npm run dev%%''</color> * 单纯运行本地服务:<color #ff7f27>''%%npm run start%%''</color> ===== 运行单个文件 ===== 全局安装 nodemon : <color #ff7f27>''%%npm i -g nodemon%%''</color> 运行一个文件 <color #ff7f27>''%%nodemon src\index.ts%%''</color> ===== VSCode debug ===== 使用VSCode的调试功能,会极大增加开发速度。 本地安装 ts-node <color #ff7f27>''%%npm i --save-dev ts-node tsconfig-paths%%''</color> \\ <color #c3c3c3>上面的实时修改进程使用的是全局安装的ts-node,注意此两者不同。</color> ++++ launch.json | <file json launch.json> { "version": "0.2.0", "configurations": [ { "type": "pwa-node", "request": "launch", "name": "Debug TS", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/TS/server.ts", "runtimeArgs": ["-r", "ts-node/register", "-r", "tsconfig-paths/register"], "console": "integratedTerminal", } ] } </file> ++++ :!: <color #ff7f27>必须在package.json所在的根目录打开VSCode,否则会有路径错误</color>。 {{tag>node typescript}} 参考文章
it/node/ts_node.txt
· 最后更改: 2023-04-11 15:44 由
goldentianya
回到顶部