VUE学习1—VSCode与GitHub连接

在刚开始学习VUE的时候,我没有选择JetBrains的Webstorm,而是选择了VSCode,因为后者更加轻便。

在学习完第一课时,我想将这节课的成果push到GitHub上。于是开始在VSCode上配置GitHub

  1. GitHub新建repository。在GitHub上新建名为learn_vue到repo(注意不要勾选最下面到initialize with readme)。然后将其ssh地址复制下来。即:Use SSH:git@github.com:joeaaa/learn_vue.git
  2. 本地新建工作目录。在本地(MacOS)上合适的位置创建Project Workspace,我将其命名为learn_vue。这个名字和我在GitHub上的repository的名字相同。
  3. 本地生成密钥。在本地cd到learn_vue文件夹,terminal中ssh-keygen -t rsa -C “GitHub邮箱”。(如果~/.ssh中已有密钥,说明先前已经配置过git,现在可以复制之前的id_rsa, id_rsa.pub到.bak,然后删除原先的两个文件)
  4. 本地配置git用户信息。在terminal中输入 git config –global user.name “joeaaa” 和 git config –global user.email “GitHub邮箱”.
  5. 本地项目配置。cd到learn_vue,初始化:git init,新建readme文件:echo “learn VUE from 0 to Z” >> README
  6. 本地更新和提交。git add README, git commit -m ‘my first commit’
  7. 更新项目到GitHub上。git remote rm origin(删除之前的repo地址),git remote add origin git@github.com:joeaaa/learn_vue.git, git push -u origin master
  8. 同理,对于VUE第一课学习到vue_basic_shopping_cart.html也进行push

至此,GitHub repo已将建立完毕,并且将本地的两个文件成功push到master上。