怎么把VScode上的前端项目上传到码云

怎么把VScode上的前端项目上传到码云

  • Git的安装-生成SSH公钥
    • 配置用户名及邮箱
    • 生成ssh公钥
  • 本地项目文件管理
  • 注册码云账号-设置SSH公钥
  • 将本地项目push到码云
    • 常见问题

Git的安装-生成SSH公钥

配置用户名及邮箱

  1. git的安装及配置环境变量就不详细说了,可以搜对应帖子
  2. 安装好后进入git bash
  3. git config --global user.name 张三
  4. git config --global user.email [email protected]
  5. git config --list|grep user

生成ssh公钥

  1. 输入命令 ssh-keygen -t rsa -C "[email protected]"
  2. 点回车(好像是3次吧)
  3. 这样就好了怎么把VScode上的前端项目上传到码云_第1张图片
  4. 在你的C盘—用户会多出来了一个.ssh的文件夹,存储着公钥

本地项目文件管理

  1. VScode中项目的根目录包含这几个文件夹怎么把VScode上的前端项目上传到码云_第2张图片
  2. LICENSE可以从其他地方粘过来,写一个READMEREADME.md介绍自己的项目
  3. 新建一个.gitignore的文件设置忽略的文件内容如怎么把VScode上的前端项目上传到码云_第3张图片
  4. 在项目的根文件夹命令行输入git init,从资源管理器进入根文件夹,点击查看—隐藏的项目,发现根文件夹里多了个.git文件夹,这里存放的就是本地项目了
  5. 输入git status查看状态,发现是Untracked files怎么把VScode上的前端项目上传到码云_第4张图片
  6. 输入git add .将项目加入.git
  7. 再次输入git status查看状态,生成了new file怎么把VScode上的前端项目上传到码云_第5张图片
  8. 输入git commit -m "init my project"
    怎么把VScode上的前端项目上传到码云_第6张图片

注册码云账号-设置SSH公钥

  1. 注册码云账号
  2. 进入设置,选择SSH公钥设置
    怎么把VScode上的前端项目上传到码云_第7张图片
  3. 标题自己命名,公钥在那里呢?怎么把VScode上的前端项目上传到码云_第8张图片
    4.找到用户里的.ssh文件夹 C:\Users\xujiajia2018\.ssh,打开id_rsa.pub文件,里面装的就是公钥,全选复制粘贴到码云

将本地项目push到码云

  1. 点击+号,新建仓库
  2. 填写仓库名称(随便),是否开源(公开),取消选择“使用Readme文件初始化”(我们在本地文件夹里已经创建了readme),点击创建提交
  3. 然后界面就是这样的了
    怎么把VScode上的前端项目上传到码云_第9张图片
  4. 我们已经在本地创建好仓库了,所以选择已有仓库这种方式就好了
  5. 进入项目根目录文件夹——将git remote add origin https://gitee.com/git push -u origin master复制输入命令行
  6. 这样就是push好了怎么把VScode上的前端项目上传到码云_第10张图片
  7. 在码云自己的仓库里可以看到列表了
    怎么把VScode上的前端项目上传到码云_第11张图片

常见问题

-输入 git push -u origin master 时第一次会弹窗提示输入账号和密码

  • 账号和密码是指注册码云时的邮箱和密码;
  • 第一次输入错误后会提示remote: Incorrect username or password ( access token ),并且以后不再有密码输入框,可以去 控制面板-用户账户-管理Windows凭据中找到git的用户名及密码凭据,重新编辑后再进行push操作

你可能感兴趣的:(怎么把VScode上的前端项目上传到码云)