react-1 创建一个最简单的可运行的 react 项目

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cvper/article/details/87344220

(测试环境: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 项目就创建完成,我们就可以利用这个项目进行其它内容的学习了,

    这是我们继续学习的基础,先搞定这个; 

猜你喜欢

转载自blog.csdn.net/cvper/article/details/87344220