开发小技巧

debug

• 设置debug启动后自动激活窗口：setting > build > debugger > Show debug window on breakpoint

• 后端代码打上断点后，使用dubug模式运行该项目；例如我们在处理登录请求的方法上打两个断点

• 前端页面操作后，后台自动激活Debug窗口；这里我们输入用户名和密码，点击提交

• 这时按快捷键F8，断点处的代码会一步步执行

热部署

• 使用debug的方式，当我们修改代码后，需要重新启动服务器；而使用JRebel热部署：每次修改代码后，不用重新启动，自动部署
• 获取jrebel的激活码，打开网址：my.jrebel.com/
• 输入姓名、邮箱、号码、公司、区域后注册账号，激活码将发送到邮箱

• idea安装插件Jrebel，输入激活码

• 设置自动编译：settings -> Build,Execution,Deploymeng -> Compiler -> 勾选Build project automatiocally

• 同样后端代码打上断点后，点击如下，使用dubug模式运行该项目，前端页面操作后，后台自动激活Debug窗口

idea查看方法、对象的源码

• ctrl + 鼠标右击

postman测试后端接口

浏览器抓包

• 当前端页面向后台服务器发送请求，我们可以使用浏览器抓取携带的参数
• 例如在登录页面，输入用户名和密码，点击提交，按F12打开控制台 -> Network -> Name(login) -> 详细信息
• 就可以清楚的看到请求的参数、相应头、发包的数据等信息

fastmock

• 当我们只有前端项目的时候，怎么来测试呢，打开模拟接口的网址：www.fastmock.site/
• 新建一个项目

• 创建接口

• 测试一下

console

• 当我们前端发送请求后，返回的json数据使用console打印到控制台

console.log(对象)
console.log(对象.键名)
console.log(对象.索引)

复制代码

画图工具

• VSCode安装插件Draw.io Integration
• 新建一个后缀为drawio的文件并用vscode打开，非常方便

本文作者：c03，欢迎转载，但未经作者同意必须在文章页面给出原文链接，否则保留追究法律责任的权利。