1. 确认已经安装了Git
在开始使用VS Code上传项目到GitHub之前,首先需要确认您的计算机上已经安装了Git。如果没有安装,您可以在https://git-scm.com/download/win下载并安装Git。
2. 创建一个GitHub账户
如果您已经有一个GitHub账户,可以跳过这一步。否则,在开始上传项目到GitHub之前,需要先在GitHub上创建一个账户。您可以访问https://github.com/join创建一个新的GitHub账户。
3. 在GitHub上创建一个新的仓库
在上传项目到GitHub之前,需要在GitHub上创建一个新的仓库。请按照以下步骤完成:
登录您的GitHub账户。
点击页面右上角的“+”按钮,选择“New repository”。
在“Repository name”字段中输入您要创建的新仓库的名称。
可以在“Description”字段中提供关于该仓库的简短描述。
选择仓库的可见性。如果想让所有人都可以看到该仓库和其中的代码,则将其设置为“Public”。如果只想让自己或一些特定人员访问该仓库,则将其设置为“Private”。
选择您想在该仓库中使用的许可证类型。
点击“Create repository”按钮创建新仓库。
4. 在VS Code中打开项目
在上传项目到GitHub之前,需要在VS Code中打开该项目,并使用终端或命令行界面打开该项目所在的文件夹。请按照以下步骤完成:
打开VS Code。
选择“File” -> “Open Folder”菜单,从弹出的窗口中选择项目所在的文件夹,并点击“Select Folder”。
代码示例:
$code your_project_folder
5. 安装GitHub扩展
在上传项目到GitHub之前,需要先在VS Code中安装GitHub扩展。请按照以下步骤完成:
在VS Code的左侧边栏中点击扩展图标(四个方块组成的小正方形)。
在搜索框中输入“GitHub”,然后从搜索结果中选择“GitHub Pull Requests and Issues”扩展。
点击扩展旁边的“Install”按钮,安装该扩展。
安装完成后,点击“Reload”按钮,重新加载VS Code。
6. 配置Git并设置身份验证
在上传项目到GitHub之前,需要在VS Code中配置Git并设置身份验证。请按照以下步骤完成:
打开VS Code终端(Terminal)或命令行界面。
在终端或命令行界面中输入以下命令,设置Git中的用户名和电子邮件地址:
代码示例:
$ git config --global user.name "Your Name"
$ git config --global user.email "your.email@example.com"
请替换命令中的“Your Name”和“your.email@example.com”为您自己的用户名和电子邮件地址。
在GitHub的个人设置页面中生成一个新的“个人访问令牌”(Personal access token)。
请按照以下步骤完成:
登录您的GitHub账户,并点击页面右上角的头像。
选择“Settings” -> “Developer settings” -> “Personal access tokens”。
点击“Generate new token”按钮,输入您的GitHub密码并按照提示输入其他信息。
在生成的令牌页面中复制该令牌。
请注意,这个令牌不应该被分享或泄露,具有与您的GitHub帐户相同的特权。
在VS Code中使用终端或命令行界面输入以下命令,将GitHub访问令牌添加到Git凭证管理器中:
代码示例:
$ git credential-manager-core configure
在弹出的窗口中,选择“Authorize with a Personal Access Token”,然后将您在之前生成的令牌粘贴到下面的文本框中。点击“Authorize Git Credential Manager Core”按钮,完成身份验证。
7. 将代码提交到本地Git仓库
在上传项目到GitHub之前,需要将代码提交到本地Git仓库。请按照以下步骤完成:
在终端或命令行界面中输入以下命令,初始化Git本地仓库:
代码示例:
$ git init
在终端或命令行界面中输入以下命令,将项目中的所有文件添加到本地Git仓库:
代码示例:
$ git add .
请注意,这个命令将会将所有文件添加到Git中,如果您需要忽略某些文件,可以创建.gitignore文件并在其中列出要被忽略的文件或文件夹。
在终端或命令行界面中输入以下命令,将提交到Git仓库中:
代码示例:
$ git commit -m "Initial commit"
请注意,在输入提交信息时,可以根据您的实际情况进行更改。
8. 将本地Git仓库与GitHub仓库关联
在上传项目到GitHub之前,需要将本地Git仓库与刚才在GitHub上创建的新仓库关联起来。请按照以下步骤完成:
在GitHub上创建的新仓库页面中,复制仓库的URL。
在终端或命令行界面中输入以下命令,将本地Git仓库与远程GitHub仓库关联起来:
代码示例:
$ git remote add origin your_github_repository_url
请将命令中的“your_github_repository_url”替换为您在GitHub上创建的新仓库的URL。
在终端或命令行界面中输入以下命令,将本地Git仓库的分支与远程仓库的分支进行关联:
代码示例:
$ git branch -M main
$ git push -u origin main
请注意,这里假设您将使用“main”分支作为您的主分支。如果使用的是其他名称,则需要在命令中进行相应调整。此外,如果是第一次将代码上传到GitHub,则需要添加“-u”选项,以便将本地分支与远程分支进行关联。
9. 将代码上传到GitHub
完成上述步骤后,您就可以将代码上传到GitHub了。请按照以下步骤完成:
在VS Code的左侧边栏中点击源代码管理器图标(开发人员头像旁边的圆形)。
在“SOURCE CONTROL”面板中,单击“...”按钮以打开更多操作菜单,然后选择“Push”。
在“PUSH CHANGES”面板中,选择所需的分支(默认是“main”分支)。
在下方的“Descriptions”字段中输入您要提交的说明信息。
如果是第一次将代码上传到GitHub,则需要在“Sign in to GitHub”面板中输入您的GitHub帐户凭据进行身份验证。
单击“Push”按钮,完成将代码上传到GitHub的操作。
通过上述步骤,您就可以将代码成功地上传到GitHub。在此基础上,您还可以继续利用GitHub的其他功能来跟踪从源代码管理器界面提交的更改,管理分支和合并请求,以及管理问题和错误报告等方面。