iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
自我挑戰組

玩程式新手村 – C和Python系列 第 3

VS Code 的設定

  • 分享至 

  • xImage
  •  

如何更改 VS Code 的設定?

更改 VS Code 的設定有兩種方式:

  1. 在 VS Code 中,選取指令選單 File > Preferences > Settings。這將打開一個新的 設定標籤 (下面就是設定編輯器),我們可以在其中搜索並更改設定。
    指令選單的中文介面是 檔案 > 喜好設定 > 設定
    或是按下快捷鍵 Ctrl + , 開啟設定編輯器

  2. 另一方法是,可以直接修改 settings.json 文件。該文件位於 C:\Users\使用者名稱\AppData\Roaming\Code\User 文件夾中。請注意,需要將 使用者名稱 替換為實際使用者名稱。

    例如, 我電腦內的VSCode 使用者設定 (user settings) 是:
    file:///C:/Users/Diana/AppData/Roaming/Code/User/settings.json

    • 從網路資料查到, AppData 文件夾包含Windows PC 上的應用程式獨有的應用程式設置、文件和數據。該檔案夾在Windows 檔案總管中默認隱藏,並具有三個隱藏的子檔案夾:Local、LocalLow 和Roaming (簡單地來說,都是用來存放程式的配置文件和臨時文件)。而 Code 檔案夾就是VSCode 應用程式的檔案夾。

如何變更編碼風格 (coding style)的設定?

舉個簡單的例子,我想調整 C 語言的編碼風格 (coding style) 規則, 從 “Visual Studio style” 變成 “Google style”

這兩不同的編碼風格如下,更多資料可以參考文章後的傳送門。

if (...)
{
	...
} // Visual Studio style
if (...) {
	...
} // Google style
  • 第一種簡單的設定方式:
    1. 選取 File > Preferences > Settings
    2. 搜尋 C_Cpp.clang_format_fallbackStyle
    3. 將 Visual Studio 換成 Google

https://ithelp.ithome.com.tw/upload/images/20230912/201622816f8HBXC96R.png

  • 或者第二種設定方式:在文件夾 C:\Users\使用者名稱\AppData\Roaming\Code\User
    直接修改 setting.json
    這也是讓你很容易知道你更改哪些設定。

    // setting.json of VSC
    "code-runner.executorMap": {
    		"javascript": "node",
    		"c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    		"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    		"python": "python -u",
    }
    
    "C_Cpp.clang_format_fallbackStyle": "{ BasedOnStyle: Google, IndentWidth: 4, TabWidth: 4, ColumnLimit: 0}",
    "terminal.integrated.defaultProfile.windows": "Command Prompt",
    "files.autoSave": "afterDelay",
    "code-runner.runInTerminal": true,
    "code-runner.ignoreSelection": true,
    "code-runner.saveFileBeforeRun": true
    

如何讓目前工作區的檔案,不顯示行號 (line numbers) ?

另一個例子,我們想讓目前工作區當作筆記文件夾,且打開這些筆記文件時,VS Code的編輯器不會顯示行號。

更改目前工作區的設定,可從先前打開的設定標籤,從「使用者」改點選「工作區」。然後搜尋 “line numbers”,將 “Editor: Line Numbes” 的設定從 “on” 改成 “off”。

然後,你也可以打開在工作區根目錄中 .vscode 資料夾內的settings.json 文件,查看 VS Code如何修改settings.json 內的設定。

"editor.lineNumbers": "off"

更多的深入說明:

  • VS Code使用.vscode資料夾來統一存放工作區的配置文件 (Configuration files for the workspace) 。其中.json是一種常用的數據文件格式,原本的規格不支援註釋,但在VS Code中特別支援使用//來寫註釋。

  • 在程式碼的編輯視窗按下滑鼠右鍵,選擇 Format Document, 或按下 Shift+Alt+F 
    微軟的 “C/C++ extension” 會根據C語言程式碼風格,呼叫 formatter 自動修正程式碼。

  • 如果不想每次要自動修正編碼,都必須輸入 Format Document 的指令,可以開啟儲存時自動呼叫 formatter 的自動修正格式功能。

    設定方式:在setting.json 新增 "editor.formatOnSave": true
    或 按 Ctrl+, 開啟使用者設定 (user settings),搜尋 editor.formatOnSave

    不過,從初學的新手觀點,還是建議每次手動輸入指令,來瞭解自己的程式碼有那些不符合 C語言編碼風格。

VS Code 設定的傳送門

🌐 Visual Studio Code User and Workspace Settings

編碼風格的傳送門

🌐 Google Style Guides | styleguide
🌐 Javascript 編碼風格
🌐 Code Style Guidelines | WebKit


上一篇
VS Code 簡介和安裝
下一篇
VS Code 基本操作 (一)
系列文
玩程式新手村 – C和Python30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言