如何在PhpStorm启动时自动运行php artisan serve与npm run dev？

第一步：创建php artisan serve运行配置 #

• 在弹出的「Run/Debug Configurations」窗口左上角点「+」，直接选「PHP Script」
• 「Name」栏起个好识别的名字，比如Artisan Serve
• 「Script file」点右侧文件夹图标，找到项目根目录下的artisan文件
• 「Arguments」栏填serve，需要指定端口的话就写serve --port=8000（端口号可自行修改）
• 底部可选勾选「Store as project file」，方便团队同步配置，然后点击「Apply」保存

第二步：创建npm run dev运行配置 #

• 回到「Run/Debug Configurations」窗口，左上角再点「+」，选择「npm」
• 「Name」栏起名比如NPM Dev
• 「Package.json file」选择项目根目录的package.json文件
• 「Scripts」下拉菜单直接选dev（对应你package.json里的脚本名称）
• 同样可选勾选「Store as project file」，点击「Apply」保存配置

第三步：将配置添加到启动任务 #

• 回到「Startup Tasks」页面，点击「+」选择「Add Existing Configuration」
• 分别选中刚才创建的Artisan Serve和NPM Dev，添加到任务列表
• 拖拽列表项可调整启动顺序（一般先启动artisan serve，再启动npm dev，按需调整即可）
• 最后点击「OK」完成设置，下次打开PhpStorm就会自动运行这两个命令了

内容的提问来源于stack exchange，提问作者Валера Б