本模块包含与您将用于实现网站/应用程序的计算机系统的设置和使用相关的主题。这些主题与创建 Web 代码没有直接关系,但您将从理解您正在使用的操作系统中获益良多。
通用资源
-
Windows 帮助和学习,Microsoft (2024)
-
macOS 用户指南,Apple (2024)
-
Ubuntu 官方文档,ubuntu.com (2024)
工具
入门模块
本模块包含与您将用于实现网站/应用程序的计算机系统的设置和使用相关的主题。这些主题与创建 Web 代码没有直接关系,但您将从理解您正在使用的操作系统中获益良多。
通用资源
Windows 帮助和学习,Microsoft (2024)
macOS 用户指南,Apple (2024)
Ubuntu 官方文档,ubuntu.com (2024)
基本资源管理器/访达使用。
标准文件夹结构。
Web 文件命名最佳实践 — 无空格、小写、选择合理的空格符,如连字符或下划线。
基本文件组织最佳实践。
使用 Explorer/Finder 创建、移动和删除文件和文件夹。
搜索文件和文件夹。
处理文件扩展名(例如,在 Windows 中关闭“隐藏已知文件类型的扩展名”,显示点文件(.env 等))。
了解文件类型如何与应用程序关联。
资源
可用的 Web 浏览器。
安装 Web 浏览器。
Web 浏览器、网站和搜索引擎之间的区别。
基本搜索引擎使用。
资源
如何像专业人士一样使用搜索:Google 及其他功能的 10 个技巧和窍门,theguardian.com (2016)
了解什么是命令行,以及您可以用它做什么。
了解如何在不同系统上访问命令行
在 Linux 和 macOS 上,您通常有一个内置的终端准备就绪。
在 Windows 上,默认的命令提示符功能稍有限制;如果您想要与 macOS/Linux 相同的命令和功能,最好安装 Windows Subsystem for Linux (WSL)、PowerShell 或 Git Bash(Git for Windows 的一部分)。
快捷键(例如,向上箭头访问之前的命令,Tab 键自动完成)。
基本命令(例如,cd、ls、mkdir、touch、grep、cat、mv、cp)。
命令选项/标志。
资源
Stack Overflow 是查找命令行特定问题解决方案的好地方,例如 如何在 macOS 终端中批量重命名文件?
注意:
命令行/终端对于新手来说令人生畏 — 您只会看到一个闪烁的光标,没有任何明显的下一步指示。我们并不是说您在开始学习 Web 开发之前就必须成为命令行大师,但您至少应该了解它是什么,并且知道一些基础知识 — 您会惊讶于在 Web 开发工具中遇到命令行使用的频率。
了解有哪些可用的代码编辑器以及哪种适合您的用途
Microsoft Word 等二进制文件编辑器不适合编辑代码。您需要一种可以干净地处理和输出纯文本的工具。
操作系统默认的纯文本编辑器也可以,例如 macOS 上的 TextEdit,或 Windows 上的记事本,但它们也有局限性。
您最好使用功能齐全的代码编辑器,例如 VSCode(跨平台,免费)、Sublime Text(跨平台,收费)或 Notepad++(Windows,免费)。
集成开发环境(IDE),如 Visual Studio(Windows,收费)、NetBeans(跨平台,免费)和 WebStorm(跨平台,收费),通常比简单的代码编辑器功能更多,但比您在学习旅程的这个阶段所需的更复杂。
了解基本代码编辑器能为您做什么
打开和编辑代码文件。
语法高亮。
自动缩进和其他简单的语法修复。
代码补全和帮助。
查找和替换,通常还可以使用正则表达式使功能更强大(例如,保留开头和结尾的特定字符串,但替换中间的子字符串)。
通常会提供与版本控制的集成(另请参阅 版本控制)
使用扩展程序自定义和增强您的代码编辑器
特定语言的扩展程序,例如代码补全、高亮、代码检查和调试。这可以应用于特定语言,如 JavaScript、Python 或 Go,或者语言/框架抽象,如 TypeScript 或 JSX。
GitHub/版本控制扩展,如果默认未提供。
主题和配色方案扩展。
提高生产力的扩展程序,如代码片段和脚手架生成器。
AI 驱动的代码建议工具,例如 GitHub Copilot。请注意,虽然 AI 工具很有用,但它们没有推理能力,并且经常提供误导性或完全错误的答案。您不应该仅仅假设 AI 的答案是正确的,而是应该通过其他来源进行测试/验证。