2. 环境设置

工具

入门模块

本模块包含与您将用于实现网站/应用程序的计算机系统的设置和使用相关的主题。这些主题与创建 Web 代码没有直接关系,但您将从理解您正在使用的操作系统中获益良多。

通用资源

2.1 计算机基础

  • 登录您的计算机并将其连接到互联网。

  • 使用键盘、鼠标和其他指针设备进行基本系统控制。

  • 安装应用程序。

资源

2.2 文件系统

  • 基本资源管理器/访达使用。

  • 标准文件夹结构。

  • Web 文件命名最佳实践 — 无空格、小写、选择合理的空格符,如连字符或下划线。

  • 基本文件组织最佳实践。

  • 使用 Explorer/Finder 创建、移动和删除文件和文件夹。

  • 搜索文件和文件夹。

  • 处理文件扩展名(例如,在 Windows 中关闭“隐藏已知文件类型的扩展名”,显示点文件(.env 等))。

  • 了解文件类型如何与应用程序关联。

资源

2.3 浏览网页

  • 可用的 Web 浏览器。

  • 安装 Web 浏览器。

  • Web 浏览器、网站和搜索引擎之间的区别。

  • 基本搜索引擎使用。

资源

2.4 命令行基础

  • 了解什么是命令行,以及您可以用它做什么。

  • 了解如何在不同系统上访问命令行

    • 在 Linux 和 macOS 上,您通常有一个内置的终端准备就绪。

    • 在 Windows 上,默认的命令提示符功能稍有限制;如果您想要与 macOS/Linux 相同的命令和功能,最好安装 Windows Subsystem for Linux (WSL)PowerShell 或 Git Bash(Git for Windows 的一部分)。

  • 快捷键(例如,向上箭头访问之前的命令,Tab 键自动完成)。

  • 基本命令(例如,cdlsmkdirtouchgrepcatmvcp)。

  • 命令选项/标志。

资源

注意:

命令行/终端对于新手来说令人生畏 — 您只会看到一个闪烁的光标,没有任何明显的下一步指示。我们并不是说您在开始学习 Web 开发之前就必须成为命令行大师,但您至少应该了解它是什么,并且知道一些基础知识 — 您会惊讶于在 Web 开发工具中遇到命令行使用的频率。

2.5 代码编辑器

  • 了解有哪些可用的代码编辑器以及哪种适合您的用途

    • Microsoft Word 等二进制文件编辑器不适合编辑代码。您需要一种可以干净地处理和输出纯文本的工具。

    • 操作系统默认的纯文本编辑器也可以,例如 macOS 上的 TextEdit,或 Windows 上的记事本,但它们也有局限性。

    • 您最好使用功能齐全的代码编辑器,例如 VSCode(跨平台,免费)、Sublime Text(跨平台,收费)或 Notepad++(Windows,免费)。

    • 集成开发环境(IDE),如 Visual Studio(Windows,收费)、NetBeans(跨平台,免费)和 WebStorm(跨平台,收费),通常比简单的代码编辑器功能更多,但比您在学习旅程的这个阶段所需的更复杂。

  • 了解基本代码编辑器能为您做什么

    • 打开和编辑代码文件。

    • 语法高亮。

    • 自动缩进和其他简单的语法修复。

    • 代码补全和帮助。

    • 查找和替换,通常还可以使用正则表达式使功能更强大(例如,保留开头和结尾的特定字符串,但替换中间的子字符串)。

    • 通常会提供与版本控制的集成(另请参阅 版本控制

  • 使用扩展程序自定义和增强您的代码编辑器

    • 特定语言的扩展程序,例如代码补全、高亮、代码检查和调试。这可以应用于特定语言,如 JavaScript、Python 或 Go,或者语言/框架抽象,如 TypeScriptJSX

    • GitHub/版本控制扩展,如果默认未提供。

    • 主题和配色方案扩展。

    • 提高生产力的扩展程序,如代码片段和脚手架生成器。

    • AI 驱动的代码建议工具,例如 GitHub Copilot。请注意,虽然 AI 工具很有用,但它们没有推理能力,并且经常提供误导性或完全错误的答案。您不应该仅仅假设 AI 的答案是正确的,而是应该通过其他来源进行测试/验证。

上一篇:1. 软技能 下一篇:核心模块