Visual Studio Code

  • vscode/Vidual Studio Code

    Visual Studio Code 快速鍵列表

    常用快速鍵

    編輯相關快速鍵

    多游標與選取

    檔案與視窗管理

    調試與執行

    搜尋與替換

    自訂快速鍵

    您可以透過 File > Preferences > Keyboard Shortcuts（或按 Ctrl + K + Ctrl + S）來自訂快速鍵設定。

    Visual Studio Code 的語法格式化

    1. 使用快捷鍵進行格式化

    Visual Studio Code 提供快捷鍵來快速格式化代碼： - **格式化整個檔案**：按 `Shift + Alt + F`（Windows）或 `Shift + Option + F`（Mac）。 - **格式化選定區域**：選取代碼後按上述快捷鍵。

    2. 啟用檔案儲存時自動格式化

    Visual Studio Code 支援自動格式化代碼： 1. 打開 **檔案 > 偏好設定 > 設定**。 2. 搜尋 **format on save**。 3. 勾選 **Editor: Format On Save**，儲存檔案時會自動格式化。

    3. 安裝格式化擴展工具

    1. 打開 **擴展市場**，搜尋並安裝適合的格式化工具，例如： - **Prettier - Code formatter**：適用於 JavaScript、TypeScript、HTML、CSS 等。 - **Black**：適用於 Python。 2. 安裝後，VS Code 會自動使用擴展工具進行格式化。

    4. 設定默認格式化工具

    如果安裝了多個格式化擴展工具，可以設定默認格式化工具： 1. 打開 **檔案 > 偏好設定 > 設定**。 2. 搜尋 **default formatter**。 3. 在 **Editor: Default Formatter** 中選擇要使用的工具。

    5. 自訂格式化規則

    部分格式化工具支援自訂規則，以下以 Prettier 為例： 1. 在專案目錄下建立 `.prettierrc` 文件。 2. 添加自訂規則，例如： 
       {
       "tabWidth": 4,
       "useTabs": false,
       "singleQuote": true,
       "trailingComma": "es5"
   }

    6. 使用 .editorconfig 文件

    `.editorconfig` 用於統一團隊的代碼風格： 1. 在專案根目錄建立 `.editorconfig` 文件。 2. 添加規則，例如： 
       [*.{js,css,html}]
   indent_style = space
   indent_size = 2

    7. 快速修復格式問題

    當格式問題出現時，使用快速修復功能： 1. 在問題代碼上點擊右鍵，選擇 **格式化文件** 或 **格式化選區**。 2. 使用快捷鍵執行快速修復。

    8. 總結

    - 使用快捷鍵快速格式化代碼。 - 啟用自動格式化功能提升效率。 - 安裝擴展工具以支援更多語言。 - 使用 `.editorconfig` 和工具特定的配置文件統一格式。

    將檔案從 Big5 編碼轉換為 UTF-8

  • 步驟1：在VS Code中開啟Big5編碼文件 開啟 Visual Studio 程式碼。 使用「檔案」->「開啟檔案」開啟以 Big5 編碼的檔案。
  • 步驟 2：將檔案編碼設定為 Big5 在 VS Code 的右下角，按一下編碼指示器（例如，預設可能會顯示 UTF-8）。 在出現的下拉清單中，選擇「使用編碼重新開啟」。 從編碼清單中，選擇 Big5。這告訴 VS Code 將文件解釋為 Big5 編碼。
  • 步驟 3：將編碼轉換為 UTF-8 文件開啟並正確顯示為 Big5 後，再次點擊編碼指示器。 現在，選擇使用編碼儲存。 從清單中選擇 UTF-8。
  • 第 4 步：儲存文件 選擇UTF-8後，Visual Studio Code會將檔案的編碼轉換為UTF-8並儲存。現在，您可以透過再次檢查編碼指示器來確認檔案是否為 UTF-8。

    在 Visual Studio Code 中將所有空格轉換為 Tab

    1. 打開指令面板

    - 按下 `Ctrl + Shift + P`（macOS 使用 `Cmd + Shift + P`）以打開指令面板。 - 輸入 **「Convert Indentation to Tabs」**，並選擇它。

    2. 確認當前縮排類型

    - 查看右下角狀態欄，檢查當前檔案的縮排類型（例如 `Spaces: 4`）。 - 點擊該區域以打開縮排設定選單。

    3. 轉換縮排為 Tab

    - 在選單中選擇 **「Convert Indentation to Tabs」**，這將把所有用於縮排的空格替換為 Tab。

    4. 調整 Tab 寬度（可選）

    - 再次點擊右下角的縮排設定（例如 `Tab Size: 4`）。 - 設置您需要的 Tab 寬度（例如 `4`）。

    5. 儲存檔案

    - 轉換完成後，按下 `Ctrl + S`（macOS 使用 `Cmd + S`）儲存檔案。

    6. 設定預設縮排為 Tab（可選）

    如果希望所有檔案預設使用 Tab，可以按以下步驟設置：

    步驟 1：打開設定

    - 按下 `Ctrl + ,`（macOS 使用 `Cmd + ,`）以打開設定選單。

    步驟 2：搜尋縮排設定

    - 搜尋 **「Editor: Insert Spaces」**。 - 取消勾選該選項以改為使用 Tab。

    步驟 3：設置 Tab 寬度

    - 搜尋 **「Editor: Tab Size」**。 - 設置您想要的 Tab 寬度（例如 `4`）。

    步驟 4：應用於工作區（可選）

    - 如果只希望這些設定應用於當前工作區，打開 **工作區設定** 頁籤進行調整。

    總結

    按照上述步驟，您可以輕鬆地在 Visual Studio Code 中將所有空格轉換為 Tab，並根據需求進行預設設定。

    在 Visual Studio Code 中設定 Python 路徑

    步驟 1：安裝 Python 與 VS Code

    確保已安裝 Python 並將其加入系統環境變數，然後下載並安裝 Visual Studio Code。

    步驟 2：安裝 Python 擴充套件

    開啟 Visual Studio Code，點擊左側的 Extensions 圖示，搜尋 Python，然後安裝 Microsoft 提供的 Python 擴充套件。

    步驟 3：檢查 Python 安裝路徑

    在終端機輸入以下指令來確認 Python 的安裝路徑：

    which python

    或（Windows 系統）：

    where python

    步驟 4：設定 Python 路徑

    在 Visual Studio Code 中，按 Ctrl + Shift + P，輸入並選擇 Python: Select Interpreter。

    在清單中選擇正確的 Python 路徑。如果未顯示，請手動輸入完整路徑。

    步驟 5：確認設定

    開啟終端機並執行 python --version 來確認選定的 Python 解釋器版本正確。

    附加資訊

    如果需要特定專案的 Python 路徑，可以在專案根目錄新增 .vscode/settings.json 檔案，並加入以下內容：

    {
  "python.pythonPath": "你的 Python 完整路徑"
}

    替換 你的 Python 完整路徑 為實際路徑。

    資訊與搜尋

    PHP v: 8.2.1
    email: [email protected]
    T:0000
    資訊與搜尋 | 回dev首頁 電話: 02-27566655 ,03-5924828 email: [email protected]
    阿央
    泱泱科技
    捷昱科技泱泱企業