使用create-react-app脚手架搭建一个react项目

一、环境要求

  Node环境：一看就会使用nvm实现多个版本的node自由切换 - 始是逍遥人 - 博客园 (cnblogs.com)

  Node.js>=8.10 并且 npm>=5.6

  建议：Node.js>=10.14.2，防止报错：error babel-jest@26.6.3: The engine "node" is incompatible with this module. Expected version ">= 10.14.2". Got "10.13.0"

二、安装 create-react-app

    全局安装
    npm install -g create-react-app       // Windows
    sudo npm install -g create-react-app  // Linux

  检查是否安装成功

    create-react-app -V // 注意：V 是大写的

 三、创建项目

  选择一个工作空间路径，如：E:\webproject\react，打开cmd窗口执行命令（快捷方式：直接在文件夹地址栏中敲cmd回车）

    npx create-react-app <项目名称> //注意：项目名称不要包含大写

  注：如果创建项目慢可以切换npm国内淘宝镜像：npm设置淘宝镜像 - 始是逍遥人 - 博客园 (cnblogs.com) 

  

  创建成功后可以使用cd <项目名称>命令进入项目路径，执行npm start运行项目，成功后如下图：