[Web Front end] Webstorm Quick build react Project

CP from:79467144

Front-end Novice How to install Webstorm, preliminary build react Project

Download Install Webstorm: Configuration succeeded:

Once the configuration is successful, you can open the Webstorm project. (Save collection,,)

1: Configure the node environment under Webstorm:

2: After completion:

REACT Official Scaffolding Address:

Https://github.com/facebook/create-react-app

Installing the NPM install-g Create-react-app under the terminal does not have to be installed on each item. One webstorm can be installed once

3: You can create a new React app project directly.

4: After your installation is complete: Perform the next npm list-depath0 (view downloaded dependent packages that are not empty)

or NPM LS (see all of the downloaded dependencies including empty pieces)

complete and open the portal

5: Finally you can complete your own react project

Note: Be sure to have the top-level package element: if it's not an error

Such as:

6: Initialize:

Create a new Component folder. and build a header.js such as: Button control content of the explicit recessive

The class Header behind the abbreviated class must be capitalized and exported to a different location if you need to export the default class

7: Referencing the exported component

7:

8: Final Result

9: Package is on line after the project is completed. The file that runs yarn build uploads is roughly as shown: Concrete analysis of specific circumstances

[Web Front end] Webstorm Quick build react Project