【代码管理-在win系统下】(保姆级图文)


作为一名砖业的程序猿,用git管理代码那是必须滴啦,哈哈哈哈🤣 但是有许多朋友不知道如何进行代码管理,今天给大家介绍一个代码管理工具,并且简单介绍一下如何创建仓库以及如何上传和下载仓库的代码

**git和Gitee**

软件安装


二者缺一不可
git是一个软件,我们需要用这个软件来进行代码的上传和下载。Gitee是国内的一个代码仓库,类似于国外的GitHub,但是由于GitHub的访问速度非常慢,有时候也会无法访问,那么我们就用国内版的Gitee来作为Github的平替吧
首先我们需要准备一个git
链接:https://pan.baidu.com/s/1Uc4kkE2qKu3wGKvkDo1jFg 提取码:1a2b

第一步,解压,会得到这样两个文件

在这里插入图片描述
我们首先双击安装第一个

无脑点Next就行
一直点击Next即可

等待安装完成后,桌面上就会有一个这样的图标
在这里插入图片描述
我们打开它
在这里插入图片描述
可以看到是使用linux进行编辑的,目前小编能力有限,暂时不使用这样的方式管理代码,我们使用的是另外一个更加直观的操作方式
点击打开第二个TortoiseGit
在这里插入图片描述
我们点击Next安装完成。
在这里插入图片描述
把这个勾选去掉,点击Finish。这时候我们的git小乌龟就安装好了。(别问我为什么叫小乌龟,因为我也不知道🤣)



此时我们单击鼠标右键
在这里插入图片描述

发现多了红框内的选项,表示git安装完成

创建仓库

第二步,在Gitee创建个人仓库

Gitee网站的链接link
在这里插入图片描述
点击注册,创建好自己的账号之后,点击右上角的加号,新建仓库在这里插入图片描述
填写仓库相关信息
在这里插入图片描述

创建完成之后会显示下面的信息,我们点击HTTPS,可以看到右端有一个网址,这个网址就是我们仓库的网址,点击右面的复制按键。
在这里插入图片描述
复制之后,在我的电脑中找一个空白位置点击右键克隆
在这里插入图片描述
会显示这样一个窗口,我们将刚才复制的地址拷贝进去
在这里插入图片描述
点击OK,弹出的框中填写我们Gitee账户名和密码
在这里插入图片描述
新建仓库完成,点击Close

在这里插入图片描述
在创建的位置会新增一个名为test的文件夹(就是我们的仓库)
在这里插入图片描述

上传代码

这时将我们想要上传仓库的工程项目拷贝到test文件夹内。然后回到仓库文件夹,选中test文件夹右键,点击Add添加。
在这里插入图片描述
点击OK
在这里插入图片描述
在这里插入图片描述

此时我们并没有上传仓库,只是在本地进行新建,此时需要点击Commit
在这里插入图片描述

在这里插入图片描述
此时我们还没有上传完成,需要点击Push
在这里插入图片描述
现在我们才真正的上传完成了代码。刷新我们的仓库就可以看到我们刚才上传的代码了。
在这里插入图片描述
以后我们就可以直接将工程创建在仓库目录下,以后新建的工程文件需要上传就按照上述的步骤上传即可。如果我们并没有新建文件,只是在原来代码的基础上进行了修改,那么我们可以直接点击Push即可
在这里插入图片描述

下载代码

就以我们刚才创建的仓库为例吧,我们要下载刚才上传到仓库里的代码应该怎么做呢?
首先我们把仓库设为开源吧
在这里插入图片描述
设为开源后,我们点击复制链接
在这里插入图片描述
在我们本地点击鼠标右键克隆
在这里插入图片描述
向刚才一样拷贝路径,点击ok,整个仓库中的代码就会被下载到我们的本地,以后如果仓库中的代码有更新,我们点击Pull即可快速更新
在这里插入图片描述

点击close关闭,下载完成
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当涉及到 Vue DHTMLX-Gantt 导出 Excel 的保姆完整教程时,以下是一步一步的指南: 1. 确保您的项目中已经安装了 Vue 和 DHTMLX-Gantt。如果尚未安装,请使用以下命令进行安装: ```bash npm install vue dhtmlx-gantt ``` 2. 在您的 Vue 组件中引入所需的和样式: ```javascript import 'dhtmlx-gantt'; import 'dhtmlx-gantt/codebase/dhtmlxgantt.css'; ``` 3. 创建一个 Vue 组件,并在模板中添加一个 Gantt 图表和一个按钮: ```html <template> <div ref="ganttContainer" style="width: 100%; height: 600px;"></div> <button @click="exportData">导出 Excel</button> </template> <script> import * as XLSX from 'xlsx'; import FileSaver from 'file-saver'; export default { mounted() { const ganttContainer = this.$refs.ganttContainer; gantt.init(ganttContainer); // 设置 Gantt 图表的配置和数据 // 示例数据 const tasks = [ { id: 1, text: '任务1', start_date: '2022-01-01', duration: 5, progress: 0.5 }, { id: 2, text: '任务2', start_date: '2022-01-06', duration: 4, progress: 0.2 }, // 其他任务... ]; gantt.parse({ data: tasks }); }, methods: { exportData() { const gantt = this.$refs.ganttContainer.$gantt; const tasks = gantt.getDatastore('task').getItems(); // 将任务数据转换为 Excel 数据格式 const data = tasks.map((task) => { return { id: task.id, text: task.text, start_date: task.start_date, duration: task.duration, progress: task.progress, }; }); // 创建 Excel 文件 const worksheet = XLSX.utils.json_to_sheet(data); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Gantt Data'); const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }); const excelData = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); // 下载 Excel 文件 FileSaver.saveAs(excelData, 'gantt_data.xlsx'); }, }, }; </script> <style> /* 可选的样式 */ </style> ``` 4. 在上述示例代码中,需要注意以下部分: - 在 `mounted` 钩子中,使用 `gantt.init(ganttContainer)` 初始化 Gantt 图表,并根据您的需求设置其配置和数据。 - `exportData` 方法用于将 Gantt 图表数据导出到 Excel。确保在 `exportData` 方法中的 `this.$refs.ganttContainer.$gantt` 是对 Gantt 图表组件的正确引用。 - 点击 "导出 Excel" 按钮时,将会生成一个名为 `gantt_data.xlsx` 的 Excel 文件,其中包含了 Gantt 图表的数据。 这就是使用 Vue DHTMLX-Gantt 导出 Excel 的保姆完整教程。希望对您有所帮助!如果您有任何其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值