介绍
generator-ocean-react 是一个用于生成 React 项目的脚手架工具，它基于 Yeoman 平台，提供了便捷的配置选项和目录结构。
安装
在使用之前，需要先安装 Yeoman 和 generator-ocean-react，可以使用以下命令：
npm install -g yo generator-ocean-react
安装成功后，就可以创建一个新的 React 项目了。
创建项目
在命令行中进入需要创建项目的目录，然后执行以下命令：
yo ocean-react
接着按照提示进行配置即可，配置完成后会自动创建新的 React 项目以及相关文件。
使用说明
目录结构
generator-ocean-react 生成的项目目录结构如下：
-- -------------------- ---- ------- --- ----- -- ------ - --- ------ -- ------ - --- --- -- ---- - --- ------ -- ---- - --- ---------- -- -- - --- ------ -- -- - --- ----- -- -- - --- ------- -- --- -- - --- --------- -- ---- - --- ---------- -- ---- - --- -------- -- ---- - --- ------------ -- ------
开发模式
使用以下命令开启开发模式：
npm start
该命令会启动一个本地服务器，监听文件变化并自动更新页面。
打包发布
使用以下命令进行打包：
npm run build
该命令会将所有代码打包压缩，生成的文件在 build 目录中。
示例代码
以下是一个使用 generator-ocean-react 创建的基本 React 项目示例代码。该代码是一个简单的计数器，具有增加和减少计数的功能。
-- -------------------- ---- -------
------ ------ - ----------- - ---- --------
------ - ------------ ----------- - ---- --------------
------ - ---------- --------- - ---- ----------
-------- --------- -
----- ----- - ----------------- -- -------------
----- -------- - --------------
----- --------------- - -------------- -- -
----------------------
-- ------------
----- --------------- - -------------- -- -
----------------------
-- ------------
------ -
-----
----------------
--------- -----------
------- ------------------------------------
------- ------------------------------------
------
--
-
------ ------- --------以上代码中使用了 React-Redux 管理了一个计数器的状态，并使用了 useSelector 和 useDispatch 来获取状态和分发状态更新的函数。该组件仅仅是作为计数器的展示和操作功能，并无其他复杂逻辑和组件关系，仅仅作为一个简单的示例来使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601681e8991b448de2e3