|
|
# 头歌平台使用教程
|
|
|
|
|
|
在浏览器中搜索“git”,点击git官网。
|
|
|
|
|
|

|
|
|
|
|
|
直接点击默认下载按钮`Download for Windows`。
|
|
|
|
|
|

|
|
|
|
|
|
下载完后直接安装,一直点`Next`就行(安装步骤略)。
|
|
|
|
|
|
在桌面右键,如果能看到`Open Git GUI here`及`Open Git Bash here`则说明安装成功。或者点击`在终端中打开`。
|
|
|
|
|
|

|
|
|
|
|
|
输入`git -v`,回车。
|
|
|
|
|
|

|
|
|
|
|
|
如果能正确显示git版本号,则说明安装成功。
|
|
|
|
|
|

|
|
|
|
|
|
关闭终端窗口。
|
|
|
|
|
|
浏览器进入`https://www.educoder.net`。点击右上角`注册`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`免费注册`。
|
|
|
|
|
|

|
|
|
|
|
|
输入`邮箱`,点击`获取验证码`,输入验证码,设置密码(密码后面会用到),点击`注册并登录`。
|
|
|
|
|
|

|
|
|
|
|
|
选择角色`我是学生`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`开始使用`。
|
|
|
|
|
|

|
|
|
|
|
|
点击导航栏右侧的`⊕`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`加入教学课堂`。
|
|
|
|
|
|

|
|
|
|
|
|
输入真实的姓名,职业选学生。
|
|
|
|
|
|

|
|
|
|
|
|
输入真实的学号、学校名称(姓名和学号一定要真实,这涉及到期末评分)。点击`确定`。
|
|
|
|
|
|

|
|
|
|
|
|
输入教师提供的邀请码,身份默认学生,点击`确定`。
|
|
|
|
|
|

|
|
|
|
|
|
进入课堂后,点击左侧的`分组作业`,再点击右侧作业列表“提交中”的作业。
|
|
|
|
|
|

|
|
|
|
|
|
点击`创建分组`。
|
|
|
|
|
|

|
|
|
|
|
|
直接点击`确定`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`创建项目`。
|
|
|
|
|
|

|
|
|
|
|
|
根据提示绑定邮箱。
|
|
|
|
|
|

|
|
|
|
|
|
项目名称填中文,项目标识填英文,勾选`将项目设为私有`,点击`创建项目`。
|
|
|
|
|
|

|
|
|
|
|
|
创建好项目后,立即回到分组作业中,进行作业与项目的关联。
|
|
|
|
|
|

|
|
|
|
|
|
选中刚刚创建的项目,点击`确定`。
|
|
|
|
|
|

|
|
|
|
|
|
创建项目完成后,一定要及时关联项目,避免忘记。(不关联的话,教师看不到项目)
|
|
|
|
|
|
当下一次想进入该项目时,通过作业页面的`作品列表`即可进入。
|
|
|
|
|
|

|
|
|
|
|
|
回到浏览器中的项目页面,点击下载,再点击链接旁的“复制”图标。
|
|
|
|
|
|

|
|
|
|
|
|
在桌面右键打开终端(或在桌面右键然后`Open Git Bash here`)。输入`git clone 粘贴你刚刚复制的链接`,然后回车。
|
|
|
|
|
|

|
|
|
|
|
|
此时会跳出一个弹窗。Username填写前文中绑定的邮箱或用户标识,密码就是头歌平台的密码(注意不是邮箱密码)。
|
|
|
|
|
|

|
|
|
|
|
|
用户标识这样来获取,找到浏览器项目页面的地址栏,用户标识就在链接当中。
|
|
|
|
|
|

|
|
|
|
|
|
显示`done`就说明clone完成。关闭终端。
|
|
|
|
|
|

|
|
|
|
|
|
回到桌面可以发现多出了一个新文件夹,该文件夹里的内容后面会用到。
|
|
|
|
|
|

|
|
|
|
|
|
打开微信开发者工具,点击`+`新建项目。
|
|
|
|
|
|

|
|
|
|
|
|
正常创建项目,项目名称填中文,目录文件夹的名称可自定义,AppID选`测试号`即可,点击`不使用云服务`,模板选`JS-基础模版`,点击`创建`。(提示:只有目录为空文件夹或新文件夹时,才能选择模板)
|
|
|
|
|
|

|
|
|
|
|
|
在资源管理器栏的空白位置右键,点击`在资源管理器中显示`。
|
|
|
|
|
|

|
|
|
|
|
|
进入该项目文件夹。
|
|
|
|
|
|

|
|
|
|
|
|

|
|
|
|
|
|
同样打开桌面上的新文件夹,点击`查看`->`显示`,勾选`隐藏的项目`。
|
|
|
|
|
|

|
|
|
|
|
|
将`.git`和`README.md`复制到项目文件夹中去。
|
|
|
|
|
|

|
|
|
|
|
|
复制完成后删除桌面上的文件夹。
|
|
|
|
|
|
完成项目的开发(过程略)。
|
|
|
|
|
|
对项目进行截图。Win11系统的截图快捷键是`Win+Shift+S`。
|
|
|
|
|
|
截图完成后,点击屏幕右下角的时间,然后点击通知中的`屏幕截图已复制到剪贴板`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`另存为`按钮。
|
|
|
|
|
|

|
|
|
|
|
|
将截图保存至项目根目录。注意截图的文件名不要包含空格和特殊字符。
|
|
|
|
|
|

|
|
|
|
|
|
在资源管理器中打开项目根目录。右键`README.md`文件->`打开方式`->`Visual Studio Code`。
|
|
|
|
|
|

|
|
|
|
|
|
点击`Open Preview to the Side`。
|
|
|
|
|
|

|
|
|
|
|
|
在左侧的编辑区按照markdown语法填写项目的介绍,并附上截图。保存。
|
|
|
|
|
|

|
|
|
|
|
|
在项目根文件夹的空白处右键,打开终端。
|
|
|
|
|
|

|
|
|
|
|
|
输入`git add .`以添加根目录下所有文件及文件夹。回车。不用在意`warning`。
|
|
|
|
|
|

|
|
|
|
|
|
输入`git commit -m '本次修改内容'`(单引号内的内容根据实际情况自行修改),回车。
|
|
|
|
|
|

|
|
|
|
|
|
如果是第一次使用git的话,就会像上图这样显示。根据提示,我们依次执行
|
|
|
|
|
|
`git config --global user.email "你的邮箱"`(引号内填写你头歌平台所绑定的邮箱)
|
|
|
|
|
|
`git config --global user.name "你的名字"`(引号内填写你姓名的拼音即可)
|
|
|
|
|
|

|
|
|
|
|
|
然后执行之前没有完成的`git commit -m '本次修改内容'`。(提示:这里可以通过方向键切换历史命令)
|
|
|
|
|
|

|
|
|
|
|
|
接着执行`git push`。若存在冲突,可尝试强制推送`git push -f`。这一步注意保证网络连接。
|
|
|
|
|
|

|
|
|
|
|
|
显示成上图这样,就说明推送成功。
|
|
|
|
|
|
回到浏览器,打开项目页面,刷新。确保服务器已收到本次推送。
|
|
|
|
|
|

|
|
|
|
|
|
最后一步。检查无误后,回到作业页面,点击`提交作品`。
|
|
|
|
|
|

|
|
|
|
|
|
在必填项`内容`处填写任意内容。无需附件。
|
|
|
|
|
|

|
|
|
|
|
|
拖动滚动条到底部,点击`提交`。
|
|
|
|
|
|

|
|
|
|
|
|
跳转到如下页面,完成。
|
|
|
|
|
|

|
|
|
|
|
|
END
|