git:码云gitee仓库提交以及React项目创建

git:码云gitee仓库提交以及React项目创建

1 前言

先注册准备好码云gitee的账户,并在gitee上新建react仓库并提交代码至远程仓库。

2 操作方式

准备新建React项目并提交到码云gitee上。

(1)进入官网:https://gitee.com/

(2)点击新建仓库

在这里插入图片描述

(3)新建gitee上的React仓库:

在这里插入图片描述

(4)通过SSH克隆React项目:

在这里插入图片描述

通过SSH(免密)克隆项目时,注意需要按照提示,将本地电脑上生成的公钥文件,即id_rsa.pub文件内容复制copy到码云gitee上,才可以进行复制,按照下述的gitee提示操作即可:

在这里插入图片描述

进入预期的目录中,执行克隆:

cd d:
git clone xxx@xxx.git

在这里插入图片描述

克隆成功:

在这里插入图片描述

(5)在本地创建React项目:

使用脚手架创建React项目前,先安装create-react-app:

1.全局安装(任意地方可使用create-react-app) 
npm install -g create-react-app
或 npm i -g create-react-app (i代表install)2.切换到想创建项目的目录,使用如下命令
create-react-app appName:如 hello-my-react

设置淘宝镜像源,提升脚手架安装速度:

npm config set registry https://registry.npmmirror.com

在这里插入图片描述

打开git bash,进入gitee的仓库目录下,执行create-react-app:

在这里插入图片描述

项目创建成功:

在这里插入图片描述

React项目的启动命令等等:

Success! Created xiaoxumall_web at D:\react_xiaoxumall\xiaoxumall_web
Inside that directory, you can run several commands:npm startStarts the development server.npm run buildBundles the app into static files for production.npm testStarts the test runner.npm run ejectRemoves this tool and copies build dependencies, configuration filesand scripts into the app directory. If you do this, you can’t go back!We suggest that you begin by typing:cd xiaoxumall_webnpm start

进入项目内,执行npm start启动React项目:

在这里插入图片描述

react项目启动成功:

在这里插入图片描述

(6)vscode打开React项目:xiaoxumall_web,并提交代码至gitee仓库:

在这里插入图片描述

点击source control,资源管理:

在这里插入图片描述

在这里插入图片描述

点击source control的Source Control Repositories,资源管理仓库,可以看到此时是react_xiaoxumall的仓库地址:

在这里插入图片描述

在这里插入图片描述

输入git提交的备注如下:

在这里插入图片描述

点击stage all changes,表示提交以下修改过的全部文件到代码仓库:

在这里插入图片描述

或者单独文件点击stage changes,仅提交希望提交的文件:

在这里插入图片描述

这里选择提交全部,点击stage all changes后,changes更新为0,而staged changes更新为18项:

在这里插入图片描述

此时再次点击commit & push,将代码推送至远程仓库中:

在这里插入图片描述

提交成功:

在这里插入图片描述

gitee远程仓库代码已提交:

在这里插入图片描述

然后开始愉快的coding,end。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/753231.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

day-23 买卖股票的最佳时机 II

思路:因为要求的是最大收益,所以可以假设每天都买,第二天卖 利用一个数组来统计,如果收益为负则ans[i]0,否则ans[i]prices[i1]-prices[i] code: class Solution {public int maxProfit(int[] prices) {int nprices.length;int a…

数据在内存的存储

整数在内存中的存储 我们来回顾一下,整数在计算机是以补码的形式进行存储的,整数分为正整数和负整数,正整数的原码、反码和补码是一样的,负整数的原码、反码和补码略有不同(反码是原码除符号位,其他位按位取…

【九】【算法分析与设计】双指针(3)

15. 三数之和 给你一个整数数组 nums ,判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k ,同时还满足 nums[i] nums[j] nums[k] 0 。请 你返回所有和为 0 且不重复的三元组。 注意:答案中不可以包含重复的三元…

echarts实践总结(常用一):柱状图(特点:渐变色、点击缩放、左右滑动、悬浮展示样式)

目录 第一章 echarts基本使用 第二章 echarts实践——柱状图 效果展示 第一章 echarts基本使用 Echarts常用配置项(详细入门)_echarts配置项手册-CSDN博客 第二章 echarts实践——柱状图 最近接到这么一个需求,需要画页面,然后有这么几个echarts的图需…

GET 和 POST 有什么区别?

1.从缓存的角度,GET 请求会被浏览器主动缓存下来,留下历史记录,而 POST 默认不会。 2.从编码的角度,GET 只能进行 URL 编码,只能接收 ASCII 字符,而 POST 没有限制。 3.从参数的角度,GET 一般放…

【网络安全】0xhacked CTF 大赛题解出炉啦!

此次 0xhacked CTF 比赛,ChainSecLabs 取得了第四名的成绩。让我们来看看比赛题目的题解吧。(题目代码仓库在文末哦~) BabyOtter 这是应该说是一个算法题,很明显需要溢出,因为精度问题,uint256(-1)/0x1…

【Python】继承会遇到的问题

单继承和多继承在python中的区别和应用场景 单继承指的是一个子类只继承自一个父类。这简化了继承关系,使得代码易于理解和维护。大多数情况下,单继承足以处理常见的场景,如扩展基类的功能或者覆盖某些方法。多重继承允许在一个类同时继承多个…

m4v是什么文件格式?m4v视频用什么软件打开?

m4v文件格式的诞生可追溯到苹果公司。作为数字媒体领域的先锋,苹果在iTunes商店中为视频内容引入了m4v格式。其初衷是为了在保证视频质量的同时,通过管理系统,实现对数字内容的保护。这使得m4v成为iOS和macOS平台上广泛使用的视频格式。 M4V的…

工具精灵--超级好用的在线工具网站

工具精灵是一个超级好用的在线工具网站,它有这些功能:json格式化、xml格式化、markdown在线编辑、sql格式化、json转Java、xml转Java等。 虽然有很多这种类似的网站了,但它们并不好用,很粗糙。工具精灵超级好用,细节方…

为什么要为 App 应用加固 ?如何为 App 应用加固 ?

一:为什么要为 App 应用加固 来看下 腾讯开放平台 官方的解释说明 若应用不做任何安全防护,极易被病毒植入、广告替换、支付渠道篡改、钓鱼、信息劫持等,严重侵害开发者的利益。 App 加固后,可以对应用进行安全防护,防…

代码随想录三刷day30

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、力扣122. 买卖股票的最佳时机 II二、力扣55. 跳跃游戏三、力扣45. 跳跃游戏 II四、力扣1005.K次取反后最大化的数组和 前言 大家会发现本周的代码其实都简单…

回归测试?

1. 什么是回归测试(Regression Testing) 回归测试是一个系统的质量控制过程,用于验证最近对软件的更改或更新是否无意中引入了新错误或对以前的功能方面产生了负面影响(比如你在家中安装了新的空调系统,发现虽然新的空…

GEE高阶案例——利用eemont进行ee.Number对象类的运算(加减成熟运算公式)

本教程的主要目的是利用eemont包对数字对象进行分析 代码 !pip install eemont !pip install geemapimport ee, eemont, geemap import geemap.colormaps as cm 进行EE验证 验证并初始化地球引擎和地球地图。 Map geemap.Map() 让我们定义一些 ee.Number 对象作为近红外…

抛弃Superhuman?这些替代方案让你眼前一亮!

Superhuman是一个极好的人工智能工具在电子邮件助理领域。根据SimilarWeb的最新统计,它在全球网站排名中排名第21980位,月访问量为1751798。然而市场上还有许多其他优秀的选择。为了帮助您找到最适合您需求的解决方案,我们为您精心挑选了10种…

项目性能优化—使用JMeter压测SpringBoot项目

我们的压力测试架构图如下: 配置JMeter 在JMeter的bin目录,双击jmeter.bat 新建一个测试计划,并右键添加线程组: 进行配置 一共会发生4万次请求。 ctrl s保存; 添加http请求: 配置http请求:…

免费开源、支持自建服务的团队协作、个人学习文档管理系统

大家好,我是小麦。今天来给大家分享的是几款个人使用过的免费、开源、适合团队协作的文档管理工具,并且是完全支持自己搭建服务的文档管理系统。 相信大家在学习、办公等场景下对文档管理工具使用的场景是比较多的,例如技术开发手册、个人学…

SpringBoot(数据库操作 + druid监控功能)

文章目录 1.JDBC HikariDataSource(SpringBoot2默认数据源)1.数据库表设计2.引入依赖 pom.xml3.配置数据源参数 application.yml4.编写一个bean,映射表5.编写测试类来完成测试1.引入依赖 pom.xml2.使用JdbcTemplate进行测试3.成功&#xff0…

【C语言】打印闰年

输⼊⼀个年份year,判断year是否是闰年 闰年判断的规则: 1, 能被4整除并且不能被100整除是闰年 2,能被400整除是闰年 结合起来如下: if ((year % 4 0 && year % 100 ! 0) || (year % 400 0)) 代码如下&…

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的交通信号灯识别系统(深度学习+UI界面+训练数据集+Python代码)

摘要:本研究详细介绍了一种采用深度学习技术的交通信号灯识别系统,该系统集成了最新的YOLOv8算法,并与YOLOv7、YOLOv6、YOLOv5等早期算法进行了性能评估对比。该系统能够在各种媒介——包括图像、视频文件、实时视频流及批量文件中——准确地…

Python从COCO数据集中抽取某类别的数据

1、问题描述 今天需要训练一个人工智能检测模型,用于检测图片或视频中的人。自行收集训练数据费时费力,因而选择从公开数据集COCO中进行抽取。 2、数据准备 2.1 下载 COCO2017 数据集 train:http://images.cocodataset.org/zips/train2017.zip valid…