开发小技巧

debug

  • 设置debug启动后自动激活窗口:setting > build > debugger > Show debug window on breakpoint
    开发小技巧

  • 后端代码打上断点后,使用dubug模式运行该项目;例如我们在处理登录请求的方法上打两个断点
    开发小技巧

  • 前端页面操作后,后台自动激活Debug窗口;这里我们输入用户名和密码,点击提交
    开发小技巧

  • 这时按快捷键F8,断点处的代码会一步步执行
    开发小技巧

热部署

  • 使用debug的方式,当我们修改代码后,需要重新启动服务器;而使用JRebel热部署:每次修改代码后,不用重新启动,自动部署

  • 获取jrebel的激活码,打开网址:https://my.jrebel.com/

  • 输入姓名、邮箱、号码、公司、区域后注册账号,激活码将发送到邮箱
    开发小技巧

  • idea安装插件Jrebel,输入激活码
    开发小技巧

  • 设置自动编译:settings -> Build,Execution,Deploymeng -> Compiler -> 勾选Build project automatiocally
    开发小技巧

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

idea查看方法、对象的源码

  • ctrl + 鼠标右击

postman测试后端接口

开发小技巧

浏览器抓包

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

fastmock

  • 当我们只有前端项目的时候,怎么来测试呢,打开模拟接口的网址:https://www.fastmock.site/

  • 新建一个项目
    开发小技巧

  • 创建接口
    开发小技巧

  • 测试一下
    开发小技巧

console

  • 当我们前端发送请求后,返回的json数据使用console打印到控制台
console.log(对象)
console.log(对象.键名)
console.log(对象.索引)

画图工具

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

开发小技巧

上一篇:Rocketmq 总结 (一) -- NameServer


下一篇:nginx实现负载均衡