使用两种方式创建react项目

时间:2024-04-04 14:54:27

一、开发环境

    系统:win10

    开发工具:IDEA

    node v11 

二、创建react项目myapp

第一种方式:通过命令行的方式创建react项目

1. 新建一个文件夹,并用cmd/cmder/IDEA打开该文件夹。

2. 切换到该文件夹下,并执行cnpm i -g create-react-app

3. 执行命令:create-react-app myapp (工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖)

4. 切换到myapp目录下,并执行npm start.(如出现下图,则表明创建成功)

使用两种方式创建react项目

第二种方式:通过IDEA视图化创建react项目

1. 新建一个Project.

   使用两种方式创建react项目

 2. 选择JavaScript中的React App,然后点击Next.

使用两种方式创建react项目,

3. 填写项目名以及按照如下图所示选择create-react-app对应项,点击完成即可。

使用两种方式创建react项目 创建完成之后,然后就等待核心依赖下载完成。

4. 执行npm start,出现如下图所示,即创建成功。

使用两种方式创建react项目

  如果对你有一点点的帮助的话,点个小心心吧~~