一、运用官网的方式树立react脚手架,树立一个新项目

1.装置node.js和npm;

可自行到node官网下载,下载node完结后,npm也会自行下载完结。

2.经过cmd履行 node -v 和 npm -v

经过cmd履行 node -v 和 npm -v ,检查是否下载成功和下载成功后的版别号

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

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)

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

二、实现本地项目与长途gitHub树立衔接

1、首先你需求一个github账号,所以还没有的话先去注册吧!

github.com/

咱们运用git需求先装置git工具,这儿给出下载地址,下载后一路(傻瓜式装置)直接装置即可:

git-for-windows.github.io/

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

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

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

Repository name: 库房名称(输入姓名,最好不要运用中文)

Description(可选): 库房描绘介绍

Public, Private : 库房权限(公开共享,私有或指定合作者)

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

gitignore: 不需求进行版别办理的库房类型,对应生成文件.gitignore

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

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

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

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

5、这样子长途的库房就树立好了,接下来回到本地操作。

打开你项目所有的文件夹,右击,你会看到有Git Gui Here,Git Bash Here,这儿咱们选择Git Bash Here(git成功装置的话),进入如下界面,rproject便是我的项目名称。

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

6、接下来输入如下代码(关键过程),把github上面的库房克隆到本地


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

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

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

git add * (注:别忘记后面的.,此操作是把Test文件夹下面的文件都添加进来)

git commit -m “提交信息” (注:“提交信息”里边换成你需求,如“first commit”)

git push -u origin master (注:此操作目的是把本地库房push到github上面,此过程需求你输入帐号和暗码)【账号和暗码便是你gitHub的用户名和暗码】

如何搭建一个demo,并且实现与GitHub远程仓库建立连接
这时,改写一下你的github项目页面,就会看到本地的文件夹同步到了长途中了。
如何搭建一个demo,并且实现与GitHub远程仓库建立连接

文章最终

上面是我依据自己的经验收拾的操作过程,期望对初学的你有所协助。如果有收拾不当的地方欢迎大家评论哈~