一、运用官网的方式树立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项目页面,就会看到本地的文件夹同步到了长途中了。
文章最终
上面是我依据自己的经验收拾的操作过程,期望对初学的你有所协助。如果有收拾不当的地方欢迎大家评论哈~