React学习之图片画廊项目《一》

本文介绍了如何使用Yeoman生成项目文件,结合Webpack配置和React开发一个图片画廊项目。首先,安装并验证Yeoman,然后安装generator-react-webpack。接着,克隆仓库,安装必要的依赖如react、react-dom等。在配置Webpack后,通过执行webpack命令进行项目打包,并启用热加载以方便调试。项目结构和配置完成后,准备开始实际的开发工作。
摘要由CSDN通过智能技术生成

本项目是使用Yeoman生成项目文件目录,使用Webpack打包,react开发的。

第一部分是Yeoman生成项目文件

1>第一步,安装Yeoman(在安装Yeoman之前需要先安装node,请自行搜索安装),使用如下命令:

npm install -g yo

使用yo --version 命令查看版本信息,若正确显示版本信息即表示安装成功。

2>安装generator,因为本项目是基于webpack+react开发的,因此此处安装generator-react-webpack,使用如下命令:

npm install -g generator-react-webpack

3>创建项目仓库。为了更好保证项目的安全,我们把项目放在github上。首先在github上创建本项目的仓库,然后使用命令

github 仓库地址信息
例如:

github git@github.com:dingww/gallery-by-react.git  

将远程仓库克隆到本地。

4>在本地仓库,用命令

yo react-webpack gallery-by-reat(仓库名)</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值