如何使用vscode将项目上传到github

1. 准备工作

在开始将项目上传至GitHub前，我们需要先进行一些准备工作。

1.1 创建GitHub账号

如果您没有GitHub账号，需要先去注册一个账号。

1.2 安装Git

Git是一款分布式版本控制系统，我们需要用到它来将项目上传至GitHub。您可以在官网上下载适合您电脑系统的Git客户端进行安装。

1.3 安装Visual Studio Code

Visual Studio Code是由微软推出的一款轻量级的代码编辑器，可以支持各种编程语言。您可以在官网上进行下载安装。

2. 创建新的GitHub仓库

在将项目上传至GitHub前，我们需要在GitHub上创建新的仓库并获取仓库的地址。

2.1 登录GitHub账号

登录自己的GitHub账号，可以点击右上角的“Sign in”进行登录。

2.2 创建新仓库

在页面上方的导航条上，找到“+”按钮，点击后会出现一个下拉菜单，选择“New repository”。

在新页面上填写仓库的名称和描述等信息，勾选“Initialize this repository with a README”（选中此项后，GitHub会自动在仓库中添加一个README.md文件，如果你已经有了README.md文件，可以不勾选此项），然后点击“Create repository”按钮。

2.3 复制仓库地址

在这个新建的仓库页面上，我们可以看到这个仓库的地址，如下图：

https://github.com/your-username/your-repository-name.git

将这个地址复制下来，我们会在后面的工作中用到。

3. 将项目上传至GitHub

在我们完成了前面的准备工作和创建新仓库之后，现在可以开始将自己的项目上传至GitHub了。

3.1 初始化Git仓库

在Visual Studio Code中打开自己的项目文件夹（File -> Open Folder），然后打开终端（Terminal -> New Terminal）。

在终端中输入以下命令来初始化Git仓库：

git init

通过输入以下命令可以查看当前项目中的文件状态：

git status

如果文件夹中有一些不需要上传至GitHub的文件，在项目根目录下新建一个名为“.gitignore”的文件，并在里面添加需要忽略的文件的名称：

echo "node_modules/" >> .gitignore

3.2 添加文件至Git仓库

在命令行中输入以下命令，将所有文件添加至Git仓库：

git add .

如果您只想添加某个文件或文件夹，可以使用以下命令：

git add 单个文件

git add 文件夹/*

3.3 提交文件至Git仓库

在命令行中输入以下命令，提交文件至Git仓库：

git commit -m "第一次提交"

可以看到，“第一次提交”为本次提交的注释说明。

3.4 关联GitHub远程仓库

在命令行中输入以下命令，将本地Git仓库与GitHub远程仓库进行关联：

git remote add origin https://github.com/your-username/your-repository-name.git

其中，你需要将“your-username”和“your-repository-name”替换为自己的GitHub用户名和仓库名称。

3.5 推送本地代码至GitHub

在命令行中输入以下命令，将本地代码推送至GitHub仓库：

git push -u origin master

其中，第一次使用“git push”推送时，必须使用“-u”选项。

4. 更新代码至GitHub

当您的代码有更新时，您可以使用以下命令将代码提交至GitHub仓库。

4.1 添加、提交文件

在命令行中输入以下命令，添加和提交文件：

git add .

git commit -m "更新代码"

其中，“更新代码”为本次提交的注释说明。

4.2 推送代码至GitHub

在命令行中输入以下命令，推送代码至GitHub：

git push

5. 总结

通过上面的步骤，我们就可以将自己的项目上传至GitHub，并进行不断的更新与维护。GitHub作为目前最大的开源社区之一，可以让我们更好地与其他开发者互动、交流，共同推动项目的发展。