Webstorm通过脚本快速进行Umi dev前端调试

本文展现了在Webstorm中使用Terminal终端开启Umi dev 和脚本快速启动Umi dev两种方式进行前端调试。

一、本文环境配置

本文的操作基于pnpm下载的Umi dev前端开发环境，使用yarn、npm等下载的Umi dev 需要自行调整脚本代码。

二、Terminal终端调试

在终端输入pnpm dev即可进行前端调试

三、创建脚本快速启动

与Pycharm运行代码类似，Webstorm也可以采用编写脚本后通过右上角的倒三角启动按钮快速开启

1. Edit Configurations
   

2. Add New Configurations
   选择Shell Script
   

3. 配置脚本
   在name处修改脚本名字
   

   在Script text出编辑脚本内容：pnpm div
   

   在Working directory中选择脚本运行的目录
   

   点击ok保存

   4. 选择刚创建的run脚本，单击运行按钮即可实现Umi dev开启。