Can webstorm be used to build react projects?
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.
