naopoyo.com
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About
  • Docs
  • Tags
  • Bookmarks
  • Tools
  • About

目次

© naopoyo

🛃

開発日記-2024-07-19 / Hacke Sheet用のVS Codeコードスニペットを作成したり

公開日
1年以上前
2024-07-19
更新履歴
GitHubで見る
  • 開発日記
  • VS Code
  • anyenv

Hacke Sheet用のVS Codeコードスニペットを作成する

以下のファイルを作成すると、control + space で入力補完を表示できる。

.vscode/hackersheet.code-snippet
{
  "link-card": {
    "prefix": "::link-card",
    "body": "::link-card[$TM_SELECTED_TEXT$1]",
    "description": "Markdown extension for link card embeds on Hacker Sheet."
  },
  "youtube": {
    "prefix": "::youtube",
    "body": "::youtube[$TM_SELECTED_TEXT$1]",
    "description": "Markdown extension for YouTube video embeds on Hacker Sheet."
  },
  "x-post": {
    "prefix": "::x-post",
    "body": "::x-post[$TM_SELECTED_TEXT$1]",
    "description": "Markdown extension for X post embeds on Hacker Sheet."
  },
  "kifu-to": {
    "prefix": ":kifu-to",
    "body": ":kifu-to[$TM_SELECTED_TEXT$1]",
    "description": "Markdown extension for linking shogi game moves on Hacker Sheet."
  }
}
  • $TM_SELECTED_TEXTはスニペット挿入前の選択中のテキストを表す変数
  • $1はスニペット挿入後のカーソルの位置を表す変数

選択範囲の文字列をスニペットで囲むようにするためには以下のようなショートカットを定義する必要がある。

keybindings.json
[
  {
    "key": "cmd+k 1",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus"
  }
]

これで command + k → 1 でスニペット選択の入力補完が開く。

スニペット作成の参考記事

VSCodeでスニペットを作成する
zenn.dev favicon
zenn.dev
VSCodeでスニペットを作成する

anyenvをアンインストールする

anyenv.github.io
anyenv.github.io favicon
anyenv.github.io
anyenvをアンインストールする
あーるさんのスクラップ
zenn.dev favicon
zenn.dev
anyenvをアンインストールする

Zennのスクラップを参考にアンインストールしていく。

  1. アンインストール

    Terminal
    brew uninstall anyenv
  2. ファイルの削除
    ファイルが残っていたので削除しておく。

    Terminal
    rm -rf ~/.anyenv
    rm -rf ~/.config/anyenv
  3. ~/.zshrc から eval "$(anyenv init -)" を削除。

目次

最近更新された記事

🎮
ゲーム開発日記4
4日前 - 2025年11月03日
  • Unity
  • ゲーム開発
🐩
開発日記-2025-11-02 / git worktree について調べる
5日前 - 2025年11月02日
  • 開発日記
🌇
開発日記-2025-10-31 / Xのブックマークに入れてたサイトを読む
8日前 - 2025年10月31日
  • 開発日記