AHK60|AutoHotkey++擴充設定詳解與Code Snippets設置;使用VS Code

詳細介紹使用VS Code開發AutoHotkey腳本的環境設定,包含VS Code的中文介面安裝、AutoHotkey Plus Plus的.ahk檔案關聯與命令行參數,最後說明AutoHotkey V1與V2建立腳本檔時自動產生的程式碼片段自訂步驟。

學習後能熟悉完整的VS Code開發環境,為日後的開發任務打下穩固的基礎。

1. 安裝語言擴充

擴充→輸入 Chinese→安裝需要的語言擴充

2. AutoHotkey Plus Plus設定

  • 擴充→找到AutoHotkey Plus Plus後→點擊⚙️圖示→擴充設定
設定ID 設定值
ahk++.file.helpPathV1 C:/Program Files/AutoHotkey/v1.1.37.01/AutoHotkey.chm
ahk++.file.helpPathV2 C:/Program Files/AutoHotkey/v2/AutoHotkey.chm
ahk++.file.interpreterPathV1 C:/Program Files/AutoHotkey/v1.1.37.01/AutoHotkeyU64.exe
ahk++.file.interpreterPathV2 C:/Program Files/AutoHotkey/v2/AutoHotkey64.exe
  • AHK++增加了下列檔案關聯:
    • 副檔名是.ahk1或.ah1: 是AutoHotkey V1腳本 (藍底圖示)
    • 副檔名是.ahk2或.ah2: 是AutoHotkey V2腳本 (綠底圖示)
    • 副檔名是.ahk: 預設是AutoHotkey V2腳本,可透過命令面板的【為 '.ahk' 設定檔案關聯】變更

3. 建立 v1與v2腳本檔

  • 建立V1腳本時自動插入程式碼片段:AhkTemplateV1 C:/Users/使用者/.vscode/extensions/mark-wiemer.vscode-autohotkey-plus-plus-5.0.3/language/snippetsV1.json
    內的AhkTemplateV1設定。
  • 建立V2腳本時自動插入程式碼片段:AhkTemplateV2 C:/Users/使用者/.vscode/extensions/mark-wiemer.vscode-autohotkey-plus-plus-5.0.3/language/snippetsV2.json 內的AhkTemplateV2設定。

4. 設定VS Code程式碼片段

  • 設定→輸入 ahk 以過濾出AHK++與AutoHotkey 2擴充的設定項目
    • Template Snippet Name V1: AhkTemplateV1 (複製AHK v1片段名稱)
    • Template Snippet Name V2: AhkTemplateV2 (複製AHK v2片段名稱)
  • Ctrl+P開啟命令面板→輸入snippet→【點擊程式碼片段: 設定使用者程式碼片段】

gh|700

  • 選用 ahk2.json
    gh|700
  "AhkTemplateV2": {
    "prefix": "",
    "body": [
      "#Requires AutoHotkey v2.0",
      "/**",
      " * @version: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
      " * @author: Jerry",
      " * @Purpose: ${1:AutoHotkey v2 script}",
      "*/",
      "$0"
    ],
    "description": "AutoHotkey V2"
  }
}

body裡可使用 $1, $2 等指定游標停駐順序,換Tab移動,$0是最後一個位置。\${數字:預設值} 會形成停駐點的預設值。

[!TIP]+ 技巧
如果你覺得我的VS Code樣式有點吸睛的話,請參考我的影片:Peacock:五彩繽紛的vs-code擴充

5. 💡 相關鏈接

✅ VS Code下載:https://code.visualstudio.com/download
✅ AutoHotkey下載:https://www.autohotkey.com/download/
✅ 如果你覺得我的VS Code樣式有點吸睛的話,請參考我的影片:Peacock:五彩繽紛的vs-code擴充

6. 教學影片

https://youtu.be/RyHZ-J1KeHs

##

您可能也會有興趣的類似文章

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *