create-react-app建立项目并用git上传至GitHub及展现预览效果

一、在本地中建立一个项目所在的文件夹

二、npm -g create-react-app

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

四、cd react-demo

五、npm start（等待一会浏览器自动开启）

六、开始噼里啪啦写你须要的代码

七、（重点）在package.json配置文件中加一句：　“homepage”: “./” （为下面打包作准备，若是不加这句话，那么在预览时开启的页面空白，缘由路径不对）

八、npm run build（打包）

九、在你的GitHub上新建个仓库，把地址复制下来备用

十、项目所在文件夹下git init

十一、git add . （点的意思是全部文件，把全部文件添加上去）

十二、git commit -m "xxxxxxxxxx"（提交信息）

1三、git remote add origin https://github.com/xxx/xxx（刚才你在GitHub上保存的地址）

1四、git pull origin master（上传以前先拉一下，第一次不拉也行，可是以后提交最好想成这个习惯）

1五、git push -u origin master（把你的代码提到GitHub上）

1六、此时，在GitHub对应的仓库上，就能够看到刚才提交的代码了。

　　接着，点击“setting”；

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

　　就能够看到一个连接了，点击连接，发现出现的是你项目中的README.md；

　　在连接后面加上   /build/#    回车后，便可看到预览效果。 

以后的修改代码后，从新npm run build ，重复11~15步骤便可。