I'm surprised to see Angular does not yet have an entry in Jet Brain's IDE, WebStorm, which run config do you guys use?
I want to execute: ng serve
but Maybe there's a better option?
one like vue's npm run dev
which opens up a page in your default browser at the served address?
this page didn't hit run configs, https://www.jetbrains.com/help/webstorm/angular.html
UPDATE :
for clarification I'm talking about making a one click run button like you can for react and vue apps :
Generate code with Angular SchematicsSelect File | New from the main menu or press Alt+Insert in the Project tool window, and then select Angular Schematic. From the list, select the relevant schematic. In the dialog that opens, specify the name of the schematic to be generated and additional options, if necessary.
Add Run/Debug configurations to the Services windowSelect View | Tool Windows | Services from the main menu or press Alt+8 . In the Services tool window, click Add service, then select Run Configuration Type. Select a run/debug configuration type from the list to add all configurations of this type to the window.
To run a script, open it in the editor or select it in the Project tool window, and then select Run <script file name> from the context menu. WebStorm creates a temporary run/debug configuration of the type Node. js. To run a test, click the gutter icon next to it or press Ctrl+Shift+F10 .
Please see https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/ for instructions on debugging Angular apps in WebStorm.
package.json
, choose Show NPM Scripts
start
script to start the apphttp://localhost:4200/
into the URL field, press Debug
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With