Create-React-App项目 用git 上传至GitHub 并 预览效果

转载自(http://www.cnblogs.com/liuboyingblog/p/8260233.html)

[create-react-app创建项目并用git上传至GitHub及展示预览效果]

  1. 在本地中创建一个项目所在的文件夹

  2. npm -g create-react-app

  3. 在此文件夹下 create-react-app react-demo (项目名)

  4. cd react-demo

  5. npm start(等待一会浏览器自动开启)

  6. 开始噼里啪啦写你需要的代码

  7. (重点)在package.json配置文件中加一句: “homepage”: “./” (为下面打包做准备,如果不加这句话,那么在预览时开启的页面空白,原因路径不对)

  8. npm run build(打包)

  9. 在你的GitHub上新建个仓库,把地址复制下来备用

  10. 项目所在文件夹下git init

  11. git add . (点的意思是所有文件,把所有文件添加上去)

  12. git commit -m "xxxxxxxxxx"(提交信息)

  13. git remote add origin https://github.com/xxx/xxx(刚才你在GitHub上保存的地址)

  14. git pull origin master(上传之前先拉一下,第一次不拉也行,但是之后提交最好想成这个习惯)

  15. git push -u origin master(把你的代码提到GitHub上)

  16. 此时,在GitHub对应的仓库上,就可以看到刚才提交的代码了。

接着,点击“setting”;

找到GitHub Pages,source中点击下面按钮切换到master branch,点击save;

就可以看到一个链接了,点击链接,发现出现的是你项目中的README.md;

在链接后面加上 /build/# 回车后,即可看到预览效果。

之后的修改代码后,重新npm run build ,重复11~15步骤即可。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,319评论 25 708
  • 我是要一个去很远地方的人 要从路的起点走到终点 要从山的这头走到那头 要从日出走到日落 要从年初走到年未 我不知道...
    林先生容易见光死阅读 236评论 0 0
  • 图片发自简书App 取舍 哲人说每块木头都可以成为一尊佛只要去掉多余的部分就看你是否愿意能否懂得人生之中所有的取与舍
    方正的石头阅读 197评论 0 2

友情链接更多精彩内容