Angular 5 WebStorm运行配置

时间:2017-11-16 16:17:47

标签: angular webstorm run-configuration

我很惊讶地看到Angular还没有Jet Brain的IDE,WebStorm中的条目,你们运行配置吗?

我想执行:ng serve

但也许有更好的选择?

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

此页面没有点击运行配置,https://www.jetbrains.com/help/webstorm/angular.html

更新:

澄清我正在谈论像你可以做出反应和vue应用程序的单击运行按钮:

enter image description here

2 个答案:

答案 0 :(得分:22)

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

  • 右键点击package.json,选择显示NPM脚本
  • NPM 工具窗口中,点击start脚本启动应用
  • 创建新的 JavaScript调试配置(运行 - >编辑配置... - >添加 - >编辑调试),将etter http://localhost:4200/创建到网址字段,按调试

答案 1 :(得分:1)

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