JavaScript前端开发那些事儿

使用creat-react-app快速新建一个react项目

2021-02-24  本文已影响0人  Grit_1024

Create React App 是一个官方支持的创建 React 单页应用程序的方法。它提供了一个零配置的现代构建设置。
官网链接:https://www.html.cn/create-react-app/docs/getting-started/

一、如何安装
1、首先安装 node.js,可以到node.js官网 https://nodejs.org/en/ 下载安装包,下载好后j进行安装。
2、按照如下步骤进行安装,推荐使用gitBush命令行工具:

(1)npm install -g create-react-app 全局安装
(2)create-react-app reactproject 新建并对react项目进行命名(注:项目名称不能有大写)
(3)cd reactproject 通过命令进入文件夹内部,准备运行项目
(4)npm start 运行项目

3、通过以上命令就可以快速构建一个react项目,这是项目结构

此时看到的项目结构如下


image.png
4、可以看到项目中,没有webpack的相关配置,因为create-react-app脚手架已经帮我们封装好了。但如果要对webpack进行设置,可以使用命令 npm run eject把webpack文件暴露出来,这个操作是不可逆的。
image.png

此时我们的项目中就会有webpack的相关配置了
项目启动效果图:


image.png
上一篇 下一篇

猜你喜欢

热点阅读