-
在本地中创建一个项目所在的文件夹
-
npm -g create-react-app
-
在此文件夹下 create-react-app my-app (项目名)
-
cd my-app
-
npm start（等待一会浏览器自动开启）
-
开始写需要的代码
-
在package.json配置文件中加一句： “homepage”: “./” （为下面打包做准备，如果不加这句话，那么在预览时开启的页面空白，原因路径不对）
-
npm run build（打包）
-
在你的GitHub上新建个仓库，把地址复制下来备用
-
git remote add origin https://github.com/xxx/xxx（刚才你在GitHub上保存的地址）
-
git add . （点的意思是所有文件，把所有文件添加上去）
-
git commit -m "xxxxxxxxxx"（提交信息）
-
git checkout master #切换到要提交代码的分支
-
git pull origin master --allow-unrelated-histories #加上后面这个选项允许不相关历史提交
-
git push -u origin master（把你的代码提到GitHub上）
- （将项目部署到github）此时，在GitHub对应的仓库上，就可以看到刚才提交的代码了。
接着，点击“setting”；
找到GitHub Pages，source中点击下面按钮切换到master branch，点击save；
就可以看到一个链接了，点击链接，发现出现的是你项目中的README.md；
在链接后面加上 /build/# 回车后，即可看到预览效果。
之后的修改代码后，重新npm run build ,再上传。
网友评论