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 -)" を削除。

目次

最近更新された記事

🌑
Railsを7から8にアップグレードする
約7時間前 - 2025年10月18日
  • Ruby
  • Rails
🚆
VS Codeでよく使うショートカット
1日前 - 2025年10月17日
  • VS Code
📈
Next.jsでBundle Analyzerを使う
2日前 - 2025年10月16日
  • Next.js