Barotrauma 新手模組開發者必備:VS Code 自動格式化設定指南(支援 Lua / XML / JSON)

更新於 發佈於 閱讀時間約 4 分鐘

前言

在開發 Barotrauma 模組時,維持 Lua 腳本與 XML 配置整齊不易。特別是新手,很容易在複雜的縮排與標籤中迷失。這篇教學將教你如何設定 VS Code,在每次儲存檔案時自動整理 Lua / XML / JSON 結構,讓你專注邏輯,不再煩惱排版。

跟著做

步驟一:安裝 VS Code 及所需插件

  1. 安裝 Visual Studio Code
  2. 在擴充套件市集中安裝:
    • Stylua(Lua 格式化器)
    • XML Tools(XML 格式化器)

步驟二:設定 settings.json

在 VS Code 中按下 Ctrl + Shift + P,輸入Preferences: Open User Settings (JSON)並打開後,請將以下內容加入你的 settings.json中:

//  儲存時自動格式化(所有語言通用)
"editor.formatOnSave": true,

// Lua 格式化:使用 stylua 套件
"[lua]": {
"editor.defaultFormatter": "JohnnyMorganz.stylua",
"editor.formatOnSave": true
},

// XML 格式化:使用 XML Tools 插件
"[xml]": {
"editor.defaultFormatter": "DotJoshJohnson.xml", // 可換成你使用的 XML 插件名稱
"editor.formatOnSave": true
},

// JSON 格式化:使用 VS Code 內建格式化器
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features",
"editor.insertSpaces": true
},

// XML Tools 進階設定(可選)
"xmlTools.splitXmlnsOnFormat": true, // 每個 xmlns 換行(增加可讀性)
"xmlTools.removeCommentsOnMinify": false, // 最小化時保留註解
"xmlTools.enforcePrettySelfClosingTagOnFormat": true // 自閉標籤前加入空格(美觀)

步驟三:開始開發模組

  1. 開啟專案資料夾:File > Open Folder...,選擇你的模組資料夾(範例:Barotrauma\LocalMods\MyMod
  2. 撰寫 Lua 或 XML 檔案
  3. 每次儲存時,代碼會自動排版!

結語

這套設定將大幅提升你在 Barotrauma 模組開發時的代碼整潔度,避免格式混亂導致的錯誤。寫 Lua、配置 XML、調整 JSON,不再需要手動調整排版,是新手開發者必備的 VS Code 工作流利器。

留言
avatar-img
留言分享你的想法!
avatar-img
映嶙的沙龍
0會員
5內容數
學習隨筆
你可能也想看
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
註解 & Print & 變數型態
Thumbnail
註解 & Print & 變數型態
Thumbnail
進入Lua的第一步! 安裝和執行
Thumbnail
進入Lua的第一步! 安裝和執行
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
Thumbnail
樣板模式的定義極為簡單,卻是大型系統程式、WEB/APP應用框架的設計核心,完美展現設計模式的價值: 簡單、高效、強大。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News