![]() ![]() html file and choose 'Debug' in WebStorm, your application is started on the built-in webserver. Once the server is up and running, you can load application in browser. ![]() When running 'ng serve', you first start the build process that creates the application bundle, and then run development LiveReload server application is hosted on. >What I do have a problem is understanding why I have to execute npm start/ng serve for the angular-cli example to load correctly in the browser but I have other Webstorm project examples where all I need to do is 'Run as ' and the app has no problem loading. But, in general, this action creates run configuration associated with current context and runs it - or runs the configuration if it has been already created >I think the problem is lack of understanding on what's happening with the 'Run as.' with Webstorm. What is logged in debug console when you start your app? Please provide your project and screencast that shows your steps This clearly won't help, as the problem is not in WebStorm and likely not in node.js. >I even tried it with a clean install of both nodejs and webstorm with the same issue ![]() once the bundle is created and server started, create a new javaScript Debug run configuration with URL, press Debug => application is successfully loaded: in NPM tool window, click 'start' to start 'ng serve' cli command once project is created and dependencies installed, right-click package.json, choose 'Show npm scripts' create a new project using File | New | Project | Angular CLI I just tried the following (using the most recent angular-cli and WebStorm 2016.2.4) It's angular-cli that does it, WebStorm just runs the corresponding command.ĭid you try creating angular app though angular-cli in terminal ( ng init -name=prj_name)? WebStorm itself doesn't create a project. > I'm pretty sure there is something messed up with the project that WebStorm created with angular-cli I running the Windows version of WS for what it's worth. I even tried it with a clean install of both nodejs and webstorm with the same issue. Hmm, I wonder why neither option works for me. I'm new enough to angular that I can't readily and easily debug the problem I did get the Chrome extension and that all seems to be working OK but the generated app still doesn't run. > - compile the app using built-in compiler (make sure to enable 'use tsconfig.json'), then right-click your index.html anf press Debug - it will start the application on built-in webserver I get the same result, just "Loading." I'm pretty sure there is something messed up with the project that WebStorm created with angular-cli > - follow the tutorial instructions/readme: compile and run the simple node.js server using npm start Again, one of the selling points of using an IDE I hit the Run or Debug button in the tool bar. This question is about an IDE and the projects it generates. Perhaps you missed my comment mentioning I had already run through the tutorials and poured over all the docs for quite some time. as you are new to Angular2, just start with Angular2 Quickstart. No, it doesn't but I'm accustomed to JetBrains products at least providing a working on to help accelerate development which is one of the selling points for using an IDE in the first place. > WebStorm itself doesn't force you to use this or that project skeleton, generator, etc. compile the app using built-in compiler (make sure to enable 'use tsconfig.json'), then right-click your index.html anf press Debug - it will start the application on built-in webserverīoth options work fine for me, application is successfully loaded (can be done from NPM toolwindow) then create the JavaScript Debug run configuration, specify as URL and hit Debug to start your application on the`lite-server`. follow the tutorial instructions/readme: compile and run the simple node.js server using npm start What way do you use to run it? You have 2 options here: >However, when I start the app or debug it, chrome opens and just says "Loading." but as I understand it, I should be seeing the startup projects module/component interpreted template which says "app works!" You can create a new empty Static Web project in WebStorm and start populating it with your stuff following the steps in tutorial, or download the project stub from and open project folder in WebStorm using File | Open. If you’re new to Angular 2, we suggest you to go through the Angular 2 Quickstart first.Īs you are new to Angular2, just start with Angular2 Quickstart. See also the disclaimer in : Disclaimer: This blog post is not intended as a tutorial for getting started with Angular 2. WebStorm itself doesn't force you to use this or that project skeleton, generator, etc. I can make a project work doing it from scratch using their guide with a regular text editor and a terminal so I must be missing something about the starter project WS creates. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |