Angular 5 WebStorm 运行 配置

Angular 5 WebStorm Run Configuration

我很惊讶地看到 Angular 在 Jet Brain 的 IDE、WebStorm 中还没有条目,你们使用哪个 运行 配置?

我要执行:ng serve

但也许有更好的选择?

像 vue 的 npm run dev,它会在您的默认浏览器中打开一个页面在提供的地址?

此页面未命中 运行 配置,https://www.jetbrains.com/help/webstorm/angular.html

更新:

澄清一下,我说的是点击 运行 按钮,就像你可以为 React 和 Vue 应用程序做的那样:

有关在 WebStorm 中调试 Angular 应用程序的说明,请参阅 https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/

  • 右键单击您的 package.json,选择 Show NPM Scripts
  • NPM 工具 window 中,单击 start 脚本启动应用程序
  • 创建一个新的JavaScript调试配置(运行 –> 编辑配置… –> 添加 –> JavaScript Debug), etter http://localhost:4200/进入URL字段,按Debug

只需打开 package.json 并添加您想要的脚本。您可以在 "script" 部分添加任何脚本。从配置中添加脚本。