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

news/2024/5/17 15:54:20 标签: git, gitee, react.js

gitgiteeReact_0">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 start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd xiaoxumall_web
  npm 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.niftyadmin.cn/n/5434914.html

相关文章

如何在 iPhone 上使用蓝牙鼠标

iPhone 不支持使用传统的鼠标指针。 然而,有一个名为“AssistiveTouch”的功能可以在屏幕上模拟类似光标的指针。 启用它的方法如下: 打开 iPhone 上的“设置”应用程序。转到“辅助功能”。向下滚动并选择“触摸”。点击“辅助触控”。切换开关以打开 …

分布式之Nacos配置中心

Nacos作为配置中心源码分析 1、什么是Naocs配置中心 官方文档: https://github.com/alibaba/spring-cloud-alibaba/wiki/Nacos-config Nacos 提供用于存储配置和其他元数据的 key/value 存储,为分布式系统中的外部化配置提供服务器端和客户端支持。使…

GPT-1, GPT-2, GPT-3, InstructGPT / ChatGPT and GPT-4 总结

1. GPT-1 What the problem GPT-1 solve? 在 GPT-1 之前,NLP 通常是一种监督模型。 对于每个任务,都有一些标记数据,然后根据这些标记数据开发监督模型。 这种方法存在几个问题:首先,需要标记数据。 但 NLP 不像 CV&…

matlab FR共轭梯度法求解无约束问题

1、内容简介 略 75-可以交流、咨询、答疑 matlab FR共轭梯度法求解无约束问题 一维搜索 黄金搜索到单峰,单变量最小值 2、内容说明 略 Fletcher-Reeves共轭梯度法,简称FR法。 共轭梯度法的基本思想是把共轭性与最速下降方法相结合,利用…

【计算机视觉】二、图像形成——实验:2D变换编辑器2.0(Pygame)

文章目录 一、向量和矩阵的基本运算二、几何基元和变换1、几何基元(Geometric Primitives)2、几何变换(Geometric Transformations)2D变换编辑器0. 项目结构1. Package: guibutton.pywindow.py1. __init__(self, width, height, title)2. add_buttons(self)3. clear(self)4. dr…

字体设计相关网站

书法字典(手写字体参考) 书法字典_书法_在线书法篆刻学习资料 (shufazidian.com) 现代字体(连笔参考) 字体下载_PS字体下载_书法字体_毛笔字体_艺术字体-字体设计网_ziti.cndesign.com 字体下载资源 100font.com - 免费商用…

纯 CSS 实现文字换行环绕效果

实现效果 实现代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>Document</title><…

怎么判断发票扫描OCR软件好用不好用?

发票扫描OCR&#xff08;Optical Character Recognition&#xff09;是一种将纸质发票上的文字、数字等信息转化为可编辑的文本格式的技术。在现代企业中&#xff0c;随着数字化转型的推进&#xff0c;发票扫描OCR技术变得越来越重要。然而&#xff0c;面对市场上众多的发票扫描…