如何使用脚手架搭建一个react项目

Posted 2021-01-16 xdrong

1、准备工作：

　　首先要知道，搭建一个react项目总是需要安装node.js和npm的，未安装的请移步node.js官网：https://nodejs.org/en/  

检测是否安装成功：npm -v 和node -v

 

2、npm安装脚手架

　　执行命令npm install create-react-app

 

3、使用npx和脚手架创建项目my_app，这个过程可能需要几分钟，请耐心等待

　　npx create-react-app my_app

　　这里用到了npx，就是可以让你不用全局安装create-react-app这个工具啦~

 

4、创建完成后的项目目录如下：

 

5、启动项目

　　npm start

项目启动成功，会自动打开浏览器localhost:3000显示如下：