(测试环境:windows)
1. 第一步,需要一个目录,即一个文件夹, 这里我在 f 盘下建立了一个临时的 react-app-delete 目录,
目录里已经存在两个子目录 my-app 和 my-app-example , 这里不用管(如下图);
2. 使用命令 npm install -g create-react-app 安装 create-react-app 这个东西,它是下面帮助我们创建
一个简单项目的工具,我们先安装一下,下面图片中没有显示这一步,因为我已经提前装好了,这里
不重复安装; 在 react-app-delete 目录中使用命令:npm install -g create-react-app 即可;
有的时候安装可能会出现 error ,那么我们需要解决下这个问题,这里可以尝试使用命令:
npm cache clean --force , 命令执行之后,再次安装即可,本人遇到的是这个问题,如果是其它的
问题或者这个命令不能解决问题,那么自行搜索对应的解决方案尝试即可;
3. 安装完 create-react-app 之后,我们就可以利用这个工具帮助我们创建项目了,
我这里创建一个测试的项目 my-app-level2 ,
使用命令: create-react-app my-app-level2 即可,创建成功如下图;
4. 项目创建完成,我们测试下是否能够正常启动,
先进入我们的项目, cd my-app-level2
在项目中执行命令 : npm start
等待一会,项目自己启动;
如下图:
这样一个简单的 react 项目就创建完成,我们就可以利用这个项目进行其它内容的学习了,
这是我们继续学习的基础,先搞定这个;