VS Code配置指南：打造高效的QMK開發環境

VS Code配置指南：打造高效的QMK開發環境

在這里插入圖片描述

前言

你是否曾為QMK固件開發環境的搭建而頭疼不已？本文將手把手教你使用Visual Studio Code（簡稱VS Code）這款強大的代碼編輯器來構建一個完美的QMK開發環境，讓你的鍵盤固件開發工作流變得高效而愉悅！

VS Code作為當今最受歡迎的代碼編輯器之一，相比傳統文本編輯器具備諸多優勢：

  • 智能代碼補全：減少手動輸入，提高編碼速度
  • 便捷的代碼導航：快速跳轉到定義、引用等位置
  • 強大的重構工具：輕松修改代碼結構
  • 一鍵構建：無需手動敲命令行即可編譯
  • 集成Git圖形界面：直觀管理代碼版本
  • 豐富的調試功能：快速定位并修復問題
  • 代碼格式化：保持代碼風格一致性
  • 調用層次結構顯示：清晰了解函數間關系

無論你是QMK新手還是老手，優秀的開發環境都能讓你事半功倍。接下來，就讓我們一步步打造這個高效環境吧！

VS Code的下載與安裝

選擇合適的安裝包

首先，我們需要前往VS Code的官方網站下載最新版本：

  1. 打開VS Code官方下載頁面：https://code.visualstudio.com/download
    在這里插入圖片描述

  2. 根據你的操作系統選擇對應的版本（Windows/macOS/Linux）

Windows用戶特別注意，安裝包有兩種類型可選：
在這里插入圖片描述

安裝類型說明適用場景
User Installer默認安裝在當前用戶目錄，僅限當前用戶使用個人電腦，不需要共享給其他用戶
System Installer安裝在非用戶目錄，所有用戶均可使用家庭共享電腦或工作站

個人建議選擇System Installer X64版本（注意不要選擇arm64版本，除非你使用的是ARM架構的電腦）。System Installer允許自定義安裝路徑，方便后期管理，且權限更全面。

詳細安裝步驟

以Windows系統為例，完整安裝過程如下：

  1. 同意許可協議：啟動安裝程序后，仔細閱讀并勾選"我接受協議"，點擊"下一步"。
    在這里插入圖片描述

  2. 選擇安裝目錄：點擊"瀏覽"按鈕選擇理想的安裝位置。

    小貼士：建議安裝在非系統盤，且路徑中不要包含中文字符，這可以避免一些潛在的兼容性問題。
    在這里插入圖片描述

  3. 設置開始菜單文件夾：默認為"Visual Studio Code"，無特殊需求可直接點擊"下一步"。
    在這里插入圖片描述

  4. 選擇附加任務：這一步非常重要，強烈建議勾選以下選項：

    • ? 添加到PATH：允許從命令行直接啟動VS Code，對開發極為便利
    • ? 注冊為支持的文件類型的編輯器：使VS Code成為默認的代碼文件打開工具
    • ? 創建桌面快捷方式：方便日常快速訪問
    • ? 添加"通過Code打開"操作到文件資源管理器目錄上下文菜單：右鍵菜單添加快捷入口
    • ? 添加"通過Code打開"操作到文件資源管理器文件上下文菜單：同上，但針對單個文件
      在這里插入圖片描述

  5. 確認安裝信息：檢查所有設置無誤后，點擊"安裝"開始安裝過程。
    在這里插入圖片描述

  6. 完成安裝：安裝完成后，建議勾選"啟動Visual Studio Code"，然后點擊"完成"立即開始體驗。
    在這里插入圖片描述

VS Code界面全解析

初次打開VS Code，你會看到一個簡潔而功能豐富的界面。了解各個部分的功能，能讓你更高效地使用這款編輯器：

在這里插入圖片描述

區域名稱功能描述實用技巧
左側窄欄活動欄提供主要視圖切換，顯示上下文相關指標可右鍵自定義顯示順序
左側寬欄側邊欄包含資源管理器、搜索、Git等不同視圖使用Ctrl+B快速切換顯示/隱藏
底部橫條狀態欄顯示項目和文件信息、行列位置、編碼等點擊各項可快速修改相關設置
底部/右側面板顯示輸出、問題、調試和終端信息Ctrl+` 快速切換終端
中央區域編輯區編輯文件的主要區域Ctrl+\ 分割編輯器
頂部橫條菜單欄包含VS Code的所有功能入口可通過F11切換全屏模式隱藏

活動欄圖標詳解

活動欄是VS Code最常用的導航區域，了解每個圖標的功能至關重要：
在這里插入圖片描述

圖標功能快捷鍵使用場景
📄資源管理器Ctrl+E瀏覽項目文件結構，創建/刪除/重命名文件
🔍搜索Ctrl+Shift+F全局搜索代碼內容，批量替換文本
🔄源代碼管理Ctrl+Shift+GGit版本控制，提交/合并/解決沖突
🐞運行和調試Ctrl+Shift+D調試程序，設置斷點，檢查變量
📦擴展Ctrl+Shift+X安裝/管理插件，擴展編輯器功能
👤賬戶-登錄微軟賬戶，同步設置和插件
??管理Ctrl+,調整VS Code設置，鍵盤快捷鍵等

VS Code基礎配置

中文界面設置

VS Code默認使用英文界面，對于習慣中文環境的開發者，可以通過以下步驟切換到中文界面：

  1. 點擊左側活動欄的"擴展"圖標（📦）
    在這里插入圖片描述

  2. 在搜索框中輸入"Chinese"
    在這里插入圖片描述

  3. 在搜索結果中找到"Chinese (Simplified) Language Pack for Visual Studio Code"

  4. 點擊"Install"按鈕進行安裝

  5. 安裝完成后，右下角會彈出重啟提示，點擊"Restart"重啟VS Code

重啟后，整個界面就會變成中文顯示，更符合國內用戶的使用習慣。如果將來想切回英文界面，可以按Ctrl+Shift+P打開命令面板，輸入"language"，選擇"配置顯示語言"，然后選擇"en"即可。

C/C++開發環境配置

QMK固件主要使用C語言開發，因此配置好C/C++開發環境至關重要：

  1. 點擊左側活動欄的"擴展"圖標（📦）
    在這里插入圖片描述

  2. 在搜索框中輸入"C/C++"
    在這里插入圖片描述

  3. 找到微軟官方的"C/C++"擴展

  4. 點擊"Install"進行安裝

該擴展提供了豐富的C/C++開發功能，包括：

  • 智能代碼補全
  • 語法高亮和錯誤檢查
  • 代碼導航（跳轉到定義、聲明）
  • 智能重命名
  • 代碼格式化

對于QMK開發而言，這個擴展能極大提高編碼效率和代碼質量。

個性化設置

主題美化

優美的界面能提升編碼體驗，VS Code提供了豐富的主題供選擇：

  1. 按下快捷鍵Ctrl+K Ctrl+T或點擊左下角??圖標，選擇"顏色主題"
  2. 在彈出的選擇框中預覽并選擇你喜歡的主題
  3. 如果內置主題不滿足需求，可以點擊"瀏覽其他顏色主題"安裝社區主題

推薦幾個適合長時間編碼的主題：

  • One Dark Pro：深色主題，對眼睛友好
  • GitHub Theme：GitHub官方主題，有亮暗兩種版本
  • Winter is Coming：對比度適中，代碼清晰易讀

同樣，你還可以設置文件圖標主題（Ctrl+K Ctrl+T后選擇"文件圖標主題"），讓不同類型的文件擁有直觀的圖標。

實用設置調整

點擊左下角??圖標，選擇"設置"，可以調整以下常用選項：

  • 字體：設置編輯器字體和大小

    "editor.fontSize": 14,
"editor.fontFamily": "Consolas, 'Courier New', monospace",

  • 自動保存：開啟自動保存功能，避免意外丟失代碼

    "files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,

  • 縮進設置：根據項目規范設置縮進

    "editor.tabSize": 2,
"editor.insertSpaces": true,

  • 滾動設置：優化滾動體驗

    "editor.smoothScrolling": true,
"editor.mouseWheelScrollSensitivity": 1.5,

  • 終端字體：優化內置終端顯示

    "terminal.integrated.fontSize": 14,
"terminal.integrated.fontFamily": "Consolas",

VS Code效率神器：快捷鍵大全

熟練掌握快捷鍵是提高開發效率的關鍵。以下是QMK開發中最實用的VS Code快捷鍵：

基礎操作快捷鍵

快捷鍵功能實用場景
Ctrl+Shift+P / F1命令面板快速執行任何VS Code命令
Ctrl+P快速打開文件在大型項目中迅速定位文件
Ctrl+Tab切換打開的文件在多個文件間快速切換
Ctrl+Shift+N新建窗口同時處理多個項目
Ctrl+W關閉當前文件關閉不需要的文件
Ctrl+,打開設置快速調整VS Code配置

編輯增強快捷鍵

快捷鍵功能實用場景
Ctrl+X剪切行(空選區時)快速移動整行代碼
Ctrl+C復制行(空選區時)無需選中即可復制整行
Alt+↑/↓上移/下移行調整代碼行順序
Shift+Alt+↓/↑復制行到上/下方快速復制類似代碼
Ctrl+Shift+K刪除行移除不需要的代碼行
Ctrl+Enter在下方插入行無需移動光標至行尾
Ctrl+Shift+Enter在上方插入行同上，但在當前行上方
Ctrl+]/[增加/減少縮進調整代碼縮進級別
Ctrl+Home/End跳到文件開頭/結尾快速導航長文件
Ctrl+F搜索在當前文件中查找
Ctrl+H替換替換當前文件中的文本
Ctrl+D選擇下一個匹配項多光標編輯

代碼導航快捷鍵

快捷鍵功能實用場景
F12轉到定義查看函數/變量定義
Alt+F12速覽定義不切換文件查看定義
Ctrl+T顯示所有符號快速跳轉到函數/變量
Ctrl+G跳轉到指定行精確導航到特定位置
Ctrl+Shift+O跳轉到文件中的符號在當前文件中快速導航
F8 / Shift+F8下一個/上一個錯誤快速解決代碼問題
Alt+←/→前進/后退在導航歷史中移動

代碼折疊與展開

快捷鍵功能實用場景
Ctrl+Shift+[折疊區域隱藏不需關注的代碼
Ctrl+Shift+]展開區域查看折疊的代碼
Ctrl+K Ctrl+0折疊所有獲取代碼整體結構
Ctrl+K Ctrl+J展開所有查看完整代碼

小貼士：可以在VS Code的"鍵盤快捷方式"設置中自定義或查看所有快捷鍵。按下Ctrl+K Ctrl+S即可打開。

QMK開發初識

QMK（Quantum Mechanical Keyboard）是一個開源的鍵盤固件，專為DIY定制鍵盤設計。它支持眾多功能，如宏編程、層切換、RGB燈光控制等，讓你的鍵盤變得更智能。

使用VS Code進行QMK開發有以下優勢：

  • 智能代碼提示加速編碼
  • 集成編譯和刷寫功能
  • 強大的調試能力
  • 便捷的版本控制

在后續的教程中，我們將詳細介紹：

  • QMK源碼結構與工作原理
  • 使用VS Code配置鍵盤布局
  • 自定義鍵位映射和宏
  • 編譯與刷寫固件
  • 調試技巧與常見問題解決

總結與展望

通過本文的詳細指導，你已經成功安裝并配置了VS Code，為QMK開發打下了堅實基礎。隨著使用頻率的增加，你會發現VS Code強大的可定制性和豐富的功能會讓你的編程體驗越來越流暢。

VS Code不僅適用于QMK開發，它還是一款全能型編輯器，支持幾乎所有主流編程語言。掌握它將大大提升你在各類開發項目中的效率。

后續教程我們將深入QMK固件的具體開發流程，敬請期待！如果你對特定環節有疑問或建議，歡迎在評論區留言交流。

如果本文對你有所幫助，別忘了點贊、收藏、關注，這對我創作更多優質內容有莫大的鼓勵！

參考資料：

  1. Visual Studio Code官方文檔：https://code.visualstudio.com/docs
  2. QMK固件官方文檔：https://docs.qmk.fm
  3. Github VS Code倉庫：https://github.com/microsoft/vscode
  4. VS Code快捷鍵完全指南：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/904723.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/904723.shtml
英文地址，請注明出處：http://en.pswp.cn/news/904723.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

java CompletableFuture 異步編程工具用法1

java CompletableFuture 異步編程工具用法1

1、測試異步調用： static void testCompletableFuture1() throws ExecutionException, InterruptedException {// 1、無返回值的異步任務。異步線程執行RunnableCompletableFuture.runAsync(() -> System.out.println("only you"));// 2、有返回值的異…
閱讀更多...
中國自動駕駛研發解決方案，第一！

中國自動駕駛研發解決方案，第一！

4月28日，IDC《中國汽車云市場(2024下半年)跟蹤》報告發布，2024下半年中國汽車云市場整體規模達到65.1億元人民幣，同比增長27.4%。IDC認為，自動駕駛技術深化與生成式AI的發展將為汽車云打開新的成長天花板，推動云計算在…
閱讀更多...
如何快速獲取字符串的UTF-8或UTF-16編碼二進制數據?數值轉換成字符串itoa不是C標準？其它類型轉換成字符串？其它類型轉換成數值類型？

如何快速獲取字符串的UTF-8或UTF-16編碼二進制數據?數值轉換成字符串itoa不是C標準？其它類型轉換成字符串？其它類型轉換成數值類型？

目錄 如何快速獲取字符串的UTF-8或UTF-16編碼二進制數據? 數值轉換成字符串itoa不是C標準？ 其它類型轉換成字符串 其它類型轉換成數值類型 轉換成數值的API 為什么有的編程語言允許字符串和整數相加? 字符串拼接 字符串字面量自動連接 如何快速獲取字符串…
閱讀更多...
Android SDK 國內鏡像及配置方法(2025最新，包好使！)

Android SDK 國內鏡像及配置方法(2025最新，包好使！)

2025最新android sdk下載配置 1、首先你需要有android sdk manager2、 直接上教程修改hosts文件配置域名映射即可（不用FQ）2.1 獲取ping dl.google.com域名ip地址2.2 配置hosts文件域名映射2.3 可以隨意下載你需要的sdk3、 總結：走過彎路，踩過坑！！！大家就不要踩了！避坑1…
閱讀更多...
MySQL事務隔離機制與并發控制策略

MySQL事務隔離機制與并發控制策略

MySQL事務隔離機制與并發控制策略 MySQL事務隔離機制與并發控制策略一、數據庫并發問題全景解析二、事務隔離級別深度解析三、MySQL并發控制核心技術1. 多版本并發控制（MVCC）2. 鎖機制 四、隔離級別實現差異對比五、生產環境最佳實踐六、高級優化技巧七、…
閱讀更多...
Python `zip()` 函數是什么

Python `zip()` 函數是什么

Python zip() 函數是什么 在 Python 里，zip() 是一個內置函數，其主要作用是將多個可迭代對象（像列表、元組、字符串等）中的元素一一對應地組合成元組，最終返回一個迭代器，這個迭代器會生成這些元組。 基本語法 zip(*iterables)其中，*iterables 代表可變數量的可迭代對…
閱讀更多...
Jenkins 改完端口號啟動不起來了

Jenkins 改完端口號啟動不起來了

讓我們將 Jenkins 恢復到默認的 8080 端口，確保它能正常啟動： 1. 修改 Jenkins 的配置文件： sudo nano /etc/default/jenkins 將內容修改為： HTTP_PORT8080 JENKINS_ARGS"--webroot/var/cache/jenkins/war --httpPort8080…
閱讀更多...
【AWS+Wordpress-準備階段】AWS注冊+創建EC2實例

【AWS+Wordpress-準備階段】AWS注冊+創建EC2實例

前言 自學筆記，解決問題為主，親測有效，歡迎補充。 本地WP文件部署到AWS整體步驟如下：（本文重點：AWS準備完成） 0. [AWS 準備] 注冊 AWS 并創建 EC2 實例 ↓ 1. [生成安裝包：用 Du…
閱讀更多...
使用pytorch保存和加載預訓練的模型方法

使用pytorch保存和加載預訓練的模型方法

需要使用到的函數 在 PyTorch 中，torch.save() 和 torch.load() 是用于保存和加載模型的核心函數。 torch.save() 函數 主要用途：將模型或模型的狀態字典（state_dict）保存到文件中。 語法： torch.save(obj, f, pi…
閱讀更多...
Python從入門到高手8.3節-元組的常用操作方法

Python從入門到高手8.3節-元組的常用操作方法

目錄 11.3.1 元組的常用操作方法 11.3.2 元組的查找 11.3.3 祈禱明天不再打雷下雨 11.3.1 元組的常用操作方法 元組類型是一種抽象數據類型，抽象數據類型定義了數據類型的操作方法，在本節的內容中，著重介紹元組類型的操作方法。 ? 元組是…
閱讀更多...
圖書推薦（協同過濾）算法的實現：基于訂單購買實現相似用戶的圖書推薦

圖書推薦（協同過濾）算法的實現：基于訂單購買實現相似用戶的圖書推薦

代碼部分 package com.ruoyi.system.service.impl;import com.ruoyi.system.domain.Book; import com.ruoyi.system.domain.MyOrder; import com.ruoyi.system.mapper.BookMapper; import com.ruoyi.system.mapper.MyOrderMapper; import com.ruoyi.system.service.IBookRecom…
閱讀更多...
JMeter快速指南：命令行生成HTML測試報告（附樣例命令解析）

JMeter快速指南：命令行生成HTML測試報告（附樣例命令解析）

一、核心命令解析 jmeter -g Dash_CapacityTest_01_AllModules_1000.jtl -o report/ 參數 作用 示例文件說明 -g 指定.jtl結果文件路徑 -o 指定報告輸出目錄 自動創建report文件夾 二、操作步驟（Windows/Linux/Mac通用） 進入JMe…
閱讀更多...
2025年滲透測試面試題總結-滲透崗位全職工作面試（附回答）（題目+回答）

2025年滲透測試面試題總結-滲透崗位全職工作面試（附回答）（題目+回答）

網絡安全領域各種資源，學習文檔，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各種好玩的項目及好用的工具，歡迎關注。 目錄 一、通用基礎類問題 1. 自我介紹 2. 職業動機與規劃 3. 加班/出差接受度 二、安全技術類問題 1. 漏…
閱讀更多...
使用DEEPSEEK快速修改QT創建的GUI

使用DEEPSEEK快速修改QT創建的GUI

QT的GUI，本質上是使用XML進行描述的，在QT CREATOR的界面編輯處，按CTRL2 切換到代碼視圖，CTRL3切換到編輯器視圖。 CTRL2 切換到代碼視圖 CTRL3 切換到編輯器視圖 鼠標左鍵點擊代碼視圖中，按CTRLA → CTRLC復制XML代碼…
閱讀更多...
draw.io流程圖使用筆記

draw.io流程圖使用筆記

文章目錄 圖形較少的問題安裝版好還是非安裝版好業務系統嵌入的draw.io如何導入呢?如何判斷組合和取消組合如何快速選中框里面的內容有時候選不到文本怎么辦連接線如何不走直角 航點和取消航點支持多少種圖形多個連接點?多個圖形對齊雙向箭頭如何畫圖形的大小 其他流程圖圖標…
閱讀更多...
音頻相關基礎知識

音頻相關基礎知識

主要參考： 音頻基本概念_音頻和音調的關系-CSDN博客 音頻相關基礎知識（采樣率、位深度、通道數、PCM、AAC）_音頻2通道和8ch的區別-CSDN博客 概述 聲音的本質 聲音的本質是波在介質中的傳播現象，聲波的本質是一種波，是一…
閱讀更多...
MySQL中隔離級別那點事

MySQL中隔離級別那點事

引言 在MySQL中，事務隔離級別和二進制日志（binlog）的格式密切相關，直接影響數據的一致性和復制的正確性。尤其是在“已提交讀”（Read Committed）隔離級別下，由于沒有使用間隙鎖，某些…
閱讀更多...
LeetCode 熱題 100 238. 除自身以外數組的乘積

LeetCode 熱題 100 238. 除自身以外數組的乘積

LeetCode 熱題 100 | 238. 除自身以外數組的乘積 大家好，今天我們來解決一道經典的算法問題——除自身以外數組的乘積。這道題在 LeetCode 上被標記為中等難度，要求在不使用除法的情況下，計算數組中每個元素的乘積，其中每個元素的…
閱讀更多...
【網絡編程】三、TCP網絡套接字編程

【網絡編程】三、TCP網絡套接字編程

文章目錄 TCP通信流程Ⅰ. 服務器日志類實現Ⅱ. TCP服務端1、服務器創建流程2、創建套接字 -- socket3、綁定服務器 -- bind🎏4、服務器監聽 -- listen🎏5、獲取客戶端連接請求 -- acceptaccept函數返回的套接字描述符是什么，不是已經有一個了…
閱讀更多...
STM32的SysTick

STM32的SysTick

SysTick介紹 定義：Systick，即滴答定時器，是內核中的一個特殊定時器，用于提供系統級的定時服務。該定時器是一個24位的遞減計數器，具有自動重載值寄存器的功能。當計數器到達自動重載值時，它會自動重新加載…
閱讀更多...
最新文章

Copyright @ 2022~2023