脚手架安装
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