如何搭建一个demo,并且实现与GitHub远程仓库建立连接

一、使用官网的方式搭建react脚手架，建立一个新项目

1.安装node.js和npm；

可自行到node官网下载，下载node完成后，npm也会自行下载完成。

2.通过cmd执行 node -v 和 npm -v

通过cmd执行 node -v 和 npm -v ,查看是否下载成功和下载成功后的版本号

3.切换npm的源为淘宝的源镜像

安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。执行以下命令：

 npm config set registry https://registry.npm.taobao.org

切换完成后，可通过 npm config get registry 查看。

4.安装react脚手架

通过cmd执行 npm i -g create-react-app (-g为全局下载)

5.cmd切换至指定路径

安装好 node 和 react脚手架后就可以创建项目啦，cmd切换至指定路径，执行下面的命令

 create-react-app testProject

(testProject为自定义项目名)，最后出现 happy hacking说明创建成功。 接下来可以启动项目。

yarn start （npm start）

二、实现本地项目与远程gitHub建立连接

1、首先你需要一个github账号，所以还没有的话先去注册吧！

github.com/

我们使用git需要先安装git工具，这里给出下载地址，下载后一路（傻瓜式安装）直接安装即可：

git-for-windows.github.io/

2、登陆后，进入Github首页，点击New repository新建一个项目

3、填写相应信息后点击create repository即可

Repository name: 仓库名称（输入名字，最好不要使用中文）

Description(可选): 仓库描述介绍

Public, Private : 仓库权限（公开共享，私有或指定合作者）

Initialize this repository with a README: 添加一个README.md

gitignore: 不需要进行版本管理的仓库类型，对应生成文件.gitignore

license: 证书类型，对应生成文件LICENSE

4、创建成功以后，界面如下，copy这个地址备用。

5、这样子远程的仓库就建立好了，接下来回到本地操作。

打开你项目所有的文件夹，右击，你会看到有Git Gui Here,Git Bash Here,这里我们选择Git Bash Here（git成功安装的话），进入如下界面，rproject就是我的项目名称。

6、接下来输入如下代码（关键步骤），把github上面的仓库克隆到本地

git remote add origin https://github.com/Kelly-kml/rproject.git
// （https://github.com/Kelly-kml/rproject.git替换成你之前复制的地址）

7、接下来依次输入以下代码即可完成其他剩余操作：

git add * （注：别忘记后面的.，此操作是把Test文件夹下面的文件都添加进来）

git commit -m "提交信息" （注：“提交信息”里面换成你需要，如“first commit”）

git push -u origin master （注：此操作目的是把本地仓库push到github上面，此步骤需要你输入帐号和密码）【账号和密码就是你gitHub的用户名和密码】 这时，刷新一下你的github项目页面，就会看到本地的文件夹同步到了远程中了。

文章最后

上面是我根据自己的经验整理的操作步骤，希望对初学的你有所帮助。如果有整理不当的地方欢迎大家评论哈~