Kodokon kodokon.com

安装并设置一个代码编辑器

挑一个适合你的编辑器,把它装好,再应用那几项能改变一切的设置。

6 分钟 · 3 题

在 Kodokon 中打开本课

既然代码就是文本,那记事本从技术上说也够用。但在实践中,一个代码编辑器能帮你省下大量时间,避开几十个错误。它不是只有内行才用的专业工具:恰恰相反,它在你刚起步时帮助最大,因为它会指出你的眼睛还抓不到的那些疏漏。

有四项功能,光靠它们就值得你把编辑器装上。语法高亮用不同颜色显示关键字、文本和数字:一段你忘了闭合的文本会立刻跳出来。自动缩进把你的代码对齐,让结构保持可读。自动补全在你打字时提示后面的内容,能消灭拼写错误。而错误下划线会在你还没运行程序之前就把问题标出来。

该选哪一个?入门就用 Visual Studio Code,常缩写为 VS Code。它免费,能在 Windows、macOS 和 Linux 上运行,而且用的人远远多过其他编辑器:你读到的每一篇教程都会默认你在用它。只从它的官方网站 code.visualstudio.com 下载。如果你更想试试别的,有两个替代品:ZedSublime Text,都更轻量。别花三天时间去比较:编辑器只是一个工具,你随时都可以换。

安装过程没有任何意外:下载文件,运行它,接受默认选项。在 Windows 上,有一个复选框会问你要不要在右键菜单里加一项“通过 Code 打开”:勾上它,是真的方便。第一次启动时,编辑器会让你选浅色或深色主题。挑一个眼睛看着最不累的,它没有别的影响。

这是本课最重要的一个习惯:永远打开一个文件夹,绝不单独打开一个文件。用文件,然后打开文件夹,指向你的项目文件夹。编辑器就会在侧边栏里显示整棵目录树,能在你所有文件里搜索,也能理解它们之间的关联。只打开一个孤零零的文件,就像在读一页从书里撕下来的纸。

JSON
{
  "files.encoding": "utf8",
  "files.eol": "\n",
  "files.autoSave": "afterDelay",
  "editor.tabSize": 2,
  "editor.renderWhitespace": "boundary"
}
推荐的 VS Code 设置:UTF-8、LF 换行符和 2 个空格的缩进。

知识检测

确认你已牢记本课的重点内容。

  1. 补全这项 VS Code 设置,让它强制使用 LF 换行,在 Windows 上也一样。
    {
      "files.encoding": "utf8",
      "files.eol": ___
    }
    • "crlf"
    • "\n"
    • "\r\n"
    • "lf"
  2. 要做一个项目,应该在编辑器里打开什么?
    • 整个项目文件夹
    • 一次只打开一个文件
    • 整块磁盘
  3. 刚开始的时候,对扩展应该抱什么态度?
    • 一个都别装,之后按需要再加
    • 一上来就装最受欢迎的二十个
    • 全部装上,免得错过什么