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. 軟技能 下一篇:核心模組