React的项目创建

时间:2025-01-20 12:12:10

从零开始创建一个React项目
默认电脑已经安装了npm和nodejs

使用create-react-app构建react应用程序

create-react-app是Facebook官方推出的脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。
快速开发步骤:
打开控制台
进入你想要创建项目的目录文件下面(用cd进行目录切换)

npm install -g create-react-app  /*搭建一个全局的脚手架*/
create-react-app my-demo        /*创建项目 my-demo是项目名字*/
cd my-demo                      /*进入目录 然后启动*/
npm start

按以上执行即可快速创建React开发环境
可以在http://localhost:3000/ 查看

我在创建中遇到的问题
1. 安装脚手架时控制台报错,权限问题npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/usr/local/lib
解决:在安装命令前加上,sudo,提示输入密码,输入密码即可获取权限安装