VSCode中git使用

VSCode中git使用

vscode 拉取git仓库

直接选择克隆存储库,输入你的仓库地址,然后回车选择要存储的位置即可!
在这里插入图片描述

使用vscode提交代码

vscode git提交代码忽略node_modules

一、无 .gitignore 文件时,在项目文件右键,Git Bash 进入命令行

输入
touch .gitignore
生成gitignore文件

二、在文件.gitignore里输入

node_modules/
dist/

此时git再上传时就忽略了node_modules和dist文件

推送本地文件(推送)

vscode源代码管理器(git可视化操作)
参考URL: https://www.jianshu.com/p/ef0438a8b941

在VSCode中新增、删除或编辑相关文件,可在VSCode中的终端控制台执行以下命令,以便将文件暂存-提交到本地仓库,并推送到远程仓库。

git add . //暂存所有更改
git commit -m “第一次提交说明信息” //提交所有更改
git push -u origin main //推送到远程仓库

以上的操作,均可以在VSCode中通过“源代码管理器”完成。 上述第三条命令中使用“-u”选项,可以指定一个默认主机。即该条命令意思是:将本地仓库中的master分支推送到origin仓库中的master分支上,同时指定origin为默认主机,后面就可以不加任何参数使用git push了(推送)。

vscode源代码管理器(git可视化操作)
在这里插入图片描述
暂存到工作树
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

package-lock.json不需要写进 .gitignore

package.json只能指定大版本的依赖包,例如安装·^vue 2.X.X,会安装大版本2的最新版本,^是大于等于当前版本且属于同一大版本2。

npm install可以生成package-lock.json文件,该文件应当提交到git上,用于其他开发人员拉取代码后安装相同版本的依赖包。

  • 如果你查看当前项目某个依赖包的版本时,请在package-lock.json里看,千万不要到package.json上看,因为package.json上的版本是个初始化的版本(只是限定大版本号等)
  • npm i不会更新package.json里依赖包的版本
  • npm i xxx@2.6.1 -S 用这样的命令可以更新依赖包版本,并且改变package.json内的版本号
  • 如果想更新某个依赖包版本,可以使用如下命令

更新全局包:npm update -g
更新生产环境依赖包:npm update --save
更新开发环境依赖包:npm update --save-dev

即更新package.json的版本号,也更新package-lock.json的版本号

### 如何在Visual Studio Code中使用Git进行源码管理和操作 #### 初始化Git仓库 为了开始使用Git管理项目,在本地计算机上创建一个新的Git库是必要的。这可以通过打开命令提示符或终端并导航到项目的根文件夹来完成,然后运行`git init`命令[^2]。 ```bash git init ``` 此命令会创建一个新的`.git`子目录,其中包含了所有的必要元数据以跟踪更改。 #### 配置用户名和邮箱 首次设置Git时,建议配置全局的用户名称和电子邮件地址: ```bash git config --global user.name "Your Name" git config --global user.email you@example.com ``` 这些信息会被记录在每次提交的信息里。 #### 进行修改和提交变更 当对代码进行了改动之后,可以查看状态以及暂存想要保存的变化。通过`git status`可以看到哪些文件被修改过;而要将特定文件加入即将提交的内容,则需执行如下命令: ```bash git add <file> ``` 如果希望一次性添加所有未追踪的新文件及已修改过的现有文件至待提交列表内,可简单地输入: ```bash git add . ``` 最后一步便是实际提交更新给版本控制系统了——此时应附带一条描述性的消息说明此次变动的目的所在: ```bash git commit -m "Commit message describing changes made." ``` #### 创建远程仓库并与之关联 对于团队协作开发来说,通常会在像GitHub这样的平台上建立一个中心化的远端存储位置以便共享资源。假设已经在Gitee平台建立了名为mytest的仓库,那么就可以利用下面这条指令将其链接起来[^3]: ```bash git remote add origin git@gitee.com:linxinfa/mytest.git ``` #### 推送本地更改到服务器 一旦完成了上述步骤并且有了至少一次成功的commit历史记录以后,便能够把最新的进展同步推送上去供他人访问到了: ```bash git push -u origin master ``` 这里假定默认分支叫做master; 如果不是的话,请替换为相应的名字。 #### 使用VSCode内置Git工具简化流程 除了传统的CLI方式外,Visual Studio Code还提供了图形界面支持让开发者更便捷高效地处理日常任务。安装好扩展插件后(例如vscode-git-graph),可以直接从侧边栏中的Source Control图标进入Git功能区,直观浏览当前工作树的状态、快速切换不同branch之间的工作环境甚至直接绘制出整个project history图谱等等[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西京刀客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值