Chinese, Simplified subtitles

← Finding Diffs Between Larger Files - How to Use Git and GitHub

Get Embed Code
5 Languages

Showing Revision 1 created 08/02/2016 by Udacity Robot.

  1. 你刚刚手动地找到了这两个文件之间的区别
  2. 一切很顺利
  3. 但是感觉过程很枯燥 而且文件很小
  4. 如果文件中有成百上千行内容 会怎样呢?
  5. 我们看看这种情况下该怎么办
  6. 我们来看一个需要更多代码的程序
  7. 这是一个叫做 Asteroids 的游戏 这段文本很难读懂
  8. 意思是按空格键即可开始
  9. 某些人可能已经认出来这是一款经典的街机游戏
  10. 它已经移植到浏览器上 所以可以在浏览器中玩
  11. 按左右箭头键可以
  12. 调转航天器的方向 向上键可以推进引擎 空格键可以发射
  13. 这款游戏的知识产权归 Doug McInnes 所有
  14. 如果你想玩这款游戏
  15. 可以在讲师备注中找到它在 Doug McInnes 网站上的链接
  16. 现在我们要在其代码中找到一个 bug
  17. 该游戏是用 JavaScript 编写的
  18. 不用担心 你不需要掌握 JavaScript 也能完成练习
  19. 我本来觉得用空格键来推进引擎会更直观些
  20. 所以我更改了该游戏的控件 用空格键而不是向上箭头键
  21. 这样的话 我就需要通过不同的按键来发射
  22. 所以我决定用 Enter 键 而不是空格键
  23. 但是当我试玩游戏的时候
  24. 引擎无法工作了 我没法移动了
  25. 我觉得我拼错了一个单词 但是不知道在哪拼错了
  26. 该游戏的大部分代码
  27. 包括将键映射到操作的代码都是保存在 game.js 文件中
  28. 而这个文件包含上千行代码
  29. 如果从头到尾查看整个文件 对比新旧版本
  30. 肯定太耗时间了
  31. 幸运的是 我们可以使用各种工具
  32. 自动发现文件之间的区别
  33. 如果你使用的是 Windows
  34. 则可以在命令提示符中使用一款工具 叫做 FC 也就是文件对比的意思
  35. 如果你使用的是 Mac 或 Linux 则 FC 是一种不相关的命令了
  36. 但是你可以使用一款内置的工具 叫做 Diff 表示差别
  37. 我将使用这些工具来对比
  38. 你在之前的练习中手动对比的 HTML
  39. 然后请你按照同样的流程找到
  40. game.js 文件中的差别
  41. 在 Windows 中 我将先打开命令提示符终端
  42. 如果你想要使用 Git Bash 来完成此练习
  43. 那么你可以参考接下来要针对 Mac 和 Linux 设备
  44. 介绍的说明操作
  45. 现在
  46. 我将演示下如何在命令提示符终端中完成该练习
  47. 首先转到文件所在的目录
  48. 输入 cd Downloads
  49. 因为我将文件下载到下载文件夹内了
  50. 现在输入命令 FC favorite-app-old.html favorite-app.html
  51. 也就是我向文件对比程序传递了两个文件
  52. 第一个是要对比的文件 以及第二个文件
  53. 按下 Enter 后 可以看出
  54. 我正在对比的是 favorite-app-old.html 和 FAVORITE-APP.HTML
  55. 这两个部分显示了这个文件的不同部分
  56. 在这里可以看到 favorite-app-old.html 具有 href style-1.css
  57. 而 FAVORITE-AP.HTML 具有 href style-!.css
  58. 在下面可以看到另一处更改的地方
  59. 也就是说明部分
  60. “Some description here” 更改成了趣闻
  61. “Did you know that sunflowers were used to remove toxins from
  62. a pond after the Chernobyl disaster?”
  63. 这里不会显示没有更改的部分
  64. 因为我们只是要查看有区别的地方
  65. 在 Mac 或 Linux 中 我将打开终端 浏览到文件所在的位置
  66. 然后输入命令 diff -u favorite-app-old.html favorite-app.html
  67. -u 表示的是
  68. 标准区别格式 使输出内容更容易阅读
  69. 按下 Enter
  70. 输出格式和 FC 的有点不同
  71. 滚动到最上面
  72. 首先 可以看到顶部有一些代码
  73. 你不用管这些代码
  74. 它们只是告诉你系统对比的是 favorite-app-old.html
  75. 和 favorite-app.html
  76. 开头没有加号或减号的部分表示此部分内容没有更改
  77. 也就是新旧版本中都存在这些内容
  78. 有减号的行表示这行内容被删除了
  79. 也就是存在于旧版本中 但是新版本里没有
  80. 有加号的行表示这行内容是增加的 正好相反
  81. 向下滚动下
  82. 这是你之前发现的样式表更改部分
  83. 这是说明更改部分
  84. 现在 请前往可下载文件部分 下载文件 gameold.js 和 gamenew.js
  85. 并使用 FC 或 Diff 命令对比这两个文件
  86. 你的文件应该下载到了 downloads 文件夹
  87. 所以可以和我之前的操作一样 使用 cd downloads 导航到该文件
  88. game.js 中的哪个单词拼错了 而旧版本是正确的?
  89. 找到该单词后 请输入到此方框中
  90. 请使用该单词的正确拼写形式