Shulou(Shulou.com)06/02 Report--

This article will explain in detail whether webstorm can be used to build a react project. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Webstorm can build a react project by first installing and configuring webstorm, then configuring the node environment under webstorm, then installing and executing "npm install-g create-react-app" under the terminal, and finally creating a new react.

Create a React project with webstorm

Download and install webstorm, and then configure it. The configuration is successful:

After the configuration is successful, you can open the webstorm project.

1: configure the node environment under webstorm:

2: after completion:

Official scaffolding address of React:

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

Installation and execution of npm install-g create-react-app under the terminal does not have to be installed for every project. You can install a webstorm once.

3: you can directly create a new react app project.

4: as shown above: after self-installation is completed, execute npm list-depath0 (check the downloaded dependent packages that are not empty)

Or npm ls (view all downloaded dependent packages including empty files)

Complete and open the entrance

5: finally, you can complete your own react project.

Note: there must be elements of the top package: if it is not an error report

As shown below:

6: initialize:

Create a new component folder. And create a header.js as shown in the following figure: button to control the explicit and hidden content

The class Header after the abbreviated class must be capitalized. If you need to export to another place to reference, you must export default this class.

7: reference the exported component

8: final result

9: pack and go online after the completion of the project. The file uploaded by running yarn build is shown in the following figure

This is the end of this article on whether webstorm can be used to build a react project. I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.