脚手架安装
npm install -g create-react-app
初始化react项目
进入项目目录下，执行
create-react-app blog
几分钟之后react项目就初始化完成了，下面是一些命令说明：
yarn start：启动开发服务器，进入开发者模式
yarn build：webpack编译打包项目
yarn test：执行测试动作（目前还未用过）
yarn eject：生成webpack的配置文件。脚手架封装了webpack并默认未开放出来配置文件。 此命令一旦执行了，就不能返回了
启动项目
进入项目中：
cd blog
启动
yarn start
但运行yarn start之后我遇到了这样的错误：
解决方法如下：
以为是什么大问题，照着报错的提示，一步一步进行操作还是没有成功，后来偶然发现跟自己全局安装的node_modules有关，将自己全局安装的node_modules删除就好了。
再次执行 yarn start 此时浏览器会自动打开我们的项目,默认监听3000端口
生成配置文件：
yarn eject
执行之后项目中会出现webpack的配置文件
将代码提交到远程仓库
先在git上面建好仓库，可以参照我的这篇博客：https://blog.csdn.net/weixin_42420703/article/details/81334949
//关联到远程库
git remote add origin 远程仓库地址
//提交代码
git add .
git commit -m "init"
git push -u origin master
提交代码时报错，说permission denied，这是因为远程Git没有添加本台电脑的ssh key，如何添加ssh key可以参照我的这篇博客：https://blog.csdn.net/weixin_42420703/article/details/81334949
然后再次执行 git push -u origin master就可以了~
项目结构分析
学习的进步离不开广大前端爱好者的支持，欢迎大家进入前端学习交流群：852590787
