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"
部分添加任何脚本。从配置中添加脚本。
我很惊讶地看到 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"
部分添加任何脚本。从配置中添加脚本。