图解利用create

工具/原料

• DELL 台式机
• Windows 10
• Visual Studio Code 1.62.3

方式/步骤

1. 1

   在我们磁盘目次下建立一个文件夹，然后在文件路径显示框中输入cmd打开号令提醒符，如下图所示：

   
2. 2

   查看当前Node.js的版本，如下图所示：

   
3. 3

   查看当前npm保证理器的版本，如下图所示：

   
4. 4

   进行create-react-app脚手架的全局安装，如下图所示：

   
5. 5

   查看脚手架的版本号，如下图所示：

   
6. 6

   建立React应用模板，如下图所示：

   
7. 7

   切换到hello-world目次，如下图所示：

   
8. 8

   运行

   npm start

   启动应用程序，如下图所示：

   
9. 9

   在项目根目次下找到如下目次ReactRefreshEntry文件，如下图所示：

   
10. 10

    定位到第8行代码，将该行代码注释失落然后保留，如下图所示：

    
11. 11

    在项目根目次下找到react-refresh-runtime.development文件，如下图所示：

    
12. 12

    定位到第465~470行代码，将该js方式注释失落然后保留，如下图所示：

    
13. 13

    在号令提醒符中从头运行npm start，然后经由过程浏览器拜候3000端口，第一个基于create-react-app脚手架的应用程序就可以正常拜候了，如下图所示：

    END