Angular2.0 Environment Construction

Recently in the use of learning Angular2, actually read the ANGULAR2 document know, compared to the previous changes in the ANGULAR1,ANGULAR2 is quite large.

For the ' angular2 ' Local development environment, we first need to install the Nodejs locally

• We can go to the official website clone a QuickStart demo (if you want to clone a project file using GIT commands on the official website, install a git first)

You can also create your own

Then enter the file path where the project file resides in node. js Command Prompt

Then execute the NPM install (in fact this install is a process to download the Angular2 module library),

When you're done, you'll find a node_modules file in the project file.

You can then open the project file under your compiler for local editing and development.

After editing is complete, go back to node. js command Prompt to execute the NPM start command. You can see the corresponding structure.

• Configure Webstorm

First of all, we're going to configure the typescript in the Webstorm settings, configure the installation path for your nodejs.

Then if we want to create a ANGULAR2 project in Webstorm, we can install angular CLL again.

• Problems that may arise in projects that use Webstorm to develop ANGULAR2:

1. Can not find module * * * *

There is a possibility that this problem may occur: The Webstorm typescript is not configured accordingly

Two: Node_module not imported (can be copied directly in.) You can also download NPM install with the Nodejs command)

It's like making sure you have package.json,tsconfig.json,systemjs.config under your project file before downloading.

Angular2.0 Environment Construction