egg+vscode调试

最新推荐文章于 2021-12-10 09:34:26 发布
最新推荐文章于 2021-12-10 09:34:26 发布
阅读量825 收藏
点赞数
分类专栏： 工具点滴知识
原文链接：https://segmentfault.com/a/1190000021259583
版权

按F1，稍等片刻，会出现下图，在红框中输入Toggle Auto Attach开启调试模式
image.png
然后命令行启动

egg-bin debug --inpsect-brk=9229

如果调试模式没有开启成功，按F1，稍等片刻，会出现如下图，在红框中输入Attach to Node Process
image.png
然后再稍等片刻，会出现下图，随便选一个就行，如果没有的话先在命令行执行以下代码
image.png
完成上述步骤就会在左下角出现下图的标记
image.png
启动成功后此处会变成橙色
image.png
右上角会有下图标志
image.png

转载：https://segmentfault.com/a/1190000021259583

弹琴弹琴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js-vscode-eggjs一个简单的eggvscode插件
08-10
Egg 是阿里 Node.js 的核心基础框架，亮点是「微内核 插件机制 框架定制能力」
vue+egg+jwt实现登录验证的示例代码
10-16
主要介绍了vue+egg+jwt实现登录验证的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
egg开发笔记（三）egg配合vscode调试
zhangshuanlai的博客
05-11 875
文章目录1.Launch.json配置1.1常规配置2.其他 1.Launch.json配置 1.1常规配置 // .vscode/launch.json { "version": "0.2.0", "configurations": [ { "name": "Launch Egg", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "runtimeExecutable": "npm", "windows": { "runtim
vscode 中 调试egg项目
weixin_30565327的博客
01-29 815
使用egg脚手架搭建好最基本的项目后，当我们想调试代码时，该怎么做呢？你还是选择不断得console.log?太low了，那么该怎么debug呢？ 本文针对 Node.js 7.x 及之后的版本 1.在根目录创建 .vscode目录，下面创建 launch.json // .vscode/launch.json { "version": "0.2.0", "configur...
vscode之egg断点调试
csj41352的博客
03-17 1126
上图： { "name": "Launch Egg", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "runtimeExecutable": "npm", "windows": { "runtimeExecutable": "npm.cmd" }, "...
VSCode 调试 Egg 完美版 - 进化史 #25
YunWisdom
04-19 1334
VSCode 调试 Egg 完美版 - 进化史#25 背景 VSCode 早期版本，对 Node Cluster 的调试支持一直不是很友好，譬如： 开发期重启进程后，不支持重新 attach。 Cluster 重启后 debugPort 会自增，VSCode 也不支持 attach 新端口。 Egg 的多进程模型多了 Agent 处理公关事务，...
egg+vue+mysql v1.0.0版demo
04-14
这个“egg+vue+mysql v1.0.0版demo”项目，旨在为开发者提供一个学习增删改查操作的实例，帮助大家快速理解和掌握这些技术的集成与应用。 首先，让我们了解Egg.js。Egg.js是阿里云开发的一个企业级Node.js框架，它...
egg+ts 项目 更新完毕
05-25
egg+ts 项目 更新完毕
egg+ts 项目之后还会更新
05-25
egg+ts 项目之后还会更新
VSCode调试egg.js
clearlxj的博客
04-16 1970
转载自https://www.jianshu.com/p/bdf0d8eb7112
vscode 调试 node.js的方法步骤
10-14
主要介绍了vscode 调试 node.js的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解使用vscode+es6写nodejs服务端调试配置
10-19
本篇文章主要介绍了使用vscode+es6写nodejs服务端调试配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vscode debug eggjs
weixin_33858249的博客
02-28 826
2019独角兽企业重金招聘Python工程师标准>>> ...
egg.js vscode 快速调试配置
weixin_39907636的博客
05-29 3792
egg.js vscode 快速调试配置说明开始安装eggjs 并且生成配置文件开始调试完成！！！待解决 说明 vscode 调试egg.js配置步骤 开始 生成项目$ mkdir egg-example && cd egg-example $ npm init egg --type=simple $ npm i 不要忘记npm i 否则后面会受到影响 如果有.vscode 先...
egg.js_调试方式_DevTools/vscode(by official document)/egg.js ctx.body属性
xuchaoxin1375的博客
12-10 856
文章目录reference link使用 [DevTools]进行调试找到连接直接打开(推荐)打开控制台选项卡vscode debug reference link (eggjs.org) 使用 [DevTools]进行调试 找到连接直接打开(推荐) 打开控制台选项卡 vscode debug for vscode: (eggjs.org) 或者,直接在.vscode中创建一个launch.json,并写入一下内容:(F5)启动调试 { "version": "0.2.0", "co
使用vscode断点调试egg后端代码
Creabine的博客
10-23 1146
前端调试经常打断点，但后端之前一直是打log调试的，其实有些情况下断点更好用，而且vscode配置也很简单，是自己之前懒了没去弄。 参考资料： egg文档 按照文档做了相应配置，然后写上调试项目的绝对目录之后，从vscode中启动即可，egg本身就做了支持，还是非常方便的。 ...
eggJS 代码调试，很详细！
GarenWang的博客
05-13 9002
1. 使用 日志输出 进行调试 控制台输出 console.log(); // haha 使用 logger 模块 框架内置了日志 功能，使用 logger.debug() 输出调试信息，推荐在应用代码中使用它。 **// controller this.logger.debug(‘current user: %j’, this.user); // service this.ctx.log...
vscode调试配置
厚积薄发
11-19 1250
launch.json中有很多属性可以设置, 通过智能提示查看有那些属性可以设置, 如果要查看属性的具体含义, 可以把鼠标悬停在属性上面, 会属性的使用说明. 在launch.json中会使用到一些预定变量, 这些变量的具体含义如下 ${workspaceRoot} the path of the folder opened in VS Code(VSCode中打开文件夹的路径) ${works...
egg+typescript+mysql
最新发布
05-24
Egg.js 是一个基于 Node.js 和 Koa 的 Web 框架，它提供了很多便捷的功能和插件，让开发者可以快速地构建 Web 应用程序。TypeScript 则是一种静态类型检查的编程语言，可以帮助我们在编写代码时更早地捕获一些错误，提高代码的可维护性和可读性。MySQL 则是一种常用的关系型数据库，用于存储和管理数据。 在 Egg.js 中使用 TypeScript 和 MySQL，我们可以使用 egg-mysql 插件来连接和操作 MySQL 数据库，并使用 TypeScript 的类型检查来保证代码的正确性。具体步骤如下： 1. 创建 Egg.js 项目 ```bash $ npm i egg-init -g $ egg-init egg-typescript-mysql --type=ts $ cd egg-typescript-mysql $ npm i ``` 2. 安装 egg-mysql 插件 ```bash $ npm i egg-mysql ``` 3. 配置 MySQL 数据库连接 在 `config/config.default.ts` 中添加以下配置： ```typescript config.mysql = { client: { host: 'localhost', port: '3306', user: 'root', password: 'password', database: 'test', }, app: true, agent: false, }; ``` 其中，`host`、`port`、`user`、`password`、`database` 分别为你的 MySQL 数据库连接信息。 4. 创建 Model 在 `app/model` 目录下创建一个新的文件 `user.ts`，用于定义操作用户数据的 Model： ```typescript import { Application } from 'egg'; export default (app: Application) => { const { INTEGER, STRING } = app.Sequelize; const User = app.model.define('user', { id: { type: INTEGER, primaryKey: true, autoIncrement: true, }, name: { type: STRING(50), allowNull: false, }, age: { type: INTEGER, allowNull: false, }, }); return User; }; ``` 其中，`app.Sequelize` 是通过 egg-sequelize 插件提供的 Sequelize 实例。 5. 创建 Controller 和 Service 在 `app/controller` 目录下创建一个新的文件 `user.ts`，用于处理用户相关的请求： ```typescript import { Controller } from 'egg'; export default class UserController extends Controller { async index() { const { ctx } = this; const users = await ctx.service.user.list(); ctx.body = { users }; } async show() { const { ctx } = this; const user = await ctx.service.user.get(ctx.params.id); ctx.body = { user }; } async create() { const { ctx } = this; const { name, age } = ctx.request.body; const user = await ctx.service.user.create(name, age); ctx.body = { user }; } async update() { const { ctx } = this; const { id, name, age } = ctx.request.body; const user = await ctx.service.user.update(id, name, age); ctx.body = { user }; } async destroy() { const { ctx } = this; const user = await ctx.service.user.delete(ctx.params.id); ctx.body = { user }; } } ``` 在 `app/service` 目录下创建一个新的文件 `user.ts`，用于实现对用户数据的操作： ```typescript import { Service } from 'egg'; export default class UserService extends Service { async list() { const { ctx } = this; const users = await ctx.model.User.findAll(); return users; } async get(id: number) { const { ctx } = this; const user = await ctx.model.User.findByPk(id); return user; } async create(name: string, age: number) { const { ctx } = this; const user = await ctx.model.User.create({ name, age }); return user; } async update(id: number, name: string, age: number) { const { ctx } = this; const user = await ctx.model.User.findByPk(id); if (!user) { ctx.throw(404, 'user not found'); } await user.update({ name, age }); return user; } async delete(id: number) { const { ctx } = this; const user = await ctx.model.User.findByPk(id); if (!user) { ctx.throw(404, 'user not found'); } await user.destroy(); return user; } } ``` 6. 路由配置 在 `app/router.ts` 中配置路由： ```typescript import { Application } from 'egg'; export default (app: Application) => { const { controller, router } = app; router.get('/users', controller.user.index); router.get('/users/:id', controller.user.show); router.post('/users', controller.user.create); router.put('/users', controller.user.update); router.delete('/users/:id', controller.user.destroy); }; ``` 7. 启动应用 ```bash $ npm run dev ``` 以上就是使用 Egg.js、TypeScript 和 MySQL 开发 Web 应用程序的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值