1、环境准备:确保电脑上安装了Node.js(包管理器)。
检查版本:
node -v
npm -v
2、先创建目录:直接创建/命令行
命令行:
mkdir react-basic #创建目录
cd react-basic #进入目录
3、使用Create React App创建项目:
3.1、安装Create React App:
会有警告,npm WARN deprecated
警告信息是正常的,尤其是在使用较旧的工具或依赖时。这些警告表明某些依赖包已经过时(deprecated),不再被维护或支持,可能存在安全漏洞或性能问题。
npm install -g create-react-app
3.2、创建新项目:my-react-app是项目名
npx create-react-app my-react-app
成功下载会包含这些文件:如果已经成功下载下来,文件都在,可以直接跳到步骤4。
若过程可能会很慢,甚至下载不下来,是因为镜像源/网络的原因。
1)切换镜像:
npm config set registry https://registry.npmmirror.com/
2)验证是否切换成功:
npm config get registry
再执行3.2步骤。
若想切回官方镜像:
npm config set registry https://registry.npmjs.org/
4、进入项目目录并运行:
cd my-react-app
npm start
成功跳转: