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 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。

相关推荐

  1. GIT仓库发布提交

    2024-03-18 14:48:03       27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-18 14:48:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-18 14:48:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-18 14:48:03       82 阅读
  4. Python语言-面向对象

    2024-03-18 14:48:03       91 阅读

热门阅读

  1. 安卓UI面试题 61-65

    2024-03-18 14:48:03       39 阅读
  2. 【自动化】在C#中创建和配置串口对象SerialPort

    2024-03-18 14:48:03       39 阅读
  3. AI - 聚类算法

    2024-03-18 14:48:03       40 阅读
  4. Linux 15个常用脚本练习(初级)

    2024-03-18 14:48:03       42 阅读
  5. 数字华容道项目总结

    2024-03-18 14:48:03       39 阅读
  6. Git ignore: 忽略与清除

    2024-03-18 14:48:03       42 阅读
  7. 编程语言的生态系统

    2024-03-18 14:48:03       39 阅读
  8. 2024/3/17 TCP的进程和线程通信,模拟面试总结

    2024-03-18 14:48:03       40 阅读