snippetとは スニペットとは、一般的には「切れ端」「断片」という意味の英語である。IT用語としては、プログラミング言語の中で簡単に切り貼りして再利用できる部分のこと、または、検索エンジンによる検索結果の一部として表示される、Webページの要約文の…

拡張機能prettierとprettier+をインストールする。 ドキュメントによると、rubyはpluginでの対応となるため、yarnやnpmでインストールする。 command + ,で設定を開いてsetting.jsonを検索し、ファイルを開いて以下を記載する。 "[ruby]": { "editor.default…

ショートカットキーの一覧を開く よく使う ターミナル->エディタへ移動 エディタ->ターミナルへ移動 指定ファイルを開く 現在開いているファイルを上書き保存 現在開いているファイルを閉じる ファイルを移動 パネルを閉じる 参考文献 ショートカットキーの…

拡張機能でフローチャートが作図できるdraw.ioの拡張機能。 インストールするとdraw.ioがVSCode上で記載できるようになる。 公式を見ると、拡張子は.drawio.svgと.drawio.pngが推奨されている。 参考文献 GitHub - hediet/vscode-drawio: This unofficial ex…

ある時、htmlファイルの保存時自動整形が効かなくなっていることに気づいた。 いろんな拡張機能を追加していたので多分それが原因かなと思ったため、 default formatterの設定をprettierに指定してみたところ、解消した。

現状 基本設定にて、format on saveにチェックをつけてsave時に自動整形をするように設定している。 変更したい点 以下の2点を変更したい。 ・headとbodyの前後に1行入らないようにしたい ・またheadとbodyの要素にインデントを入れたい 現状↓ 理想↓ 方法 co…

設定 command + shift + pを押す ↓ Developer: reload windowの歯車マークを押す ↓ whenのところに記載されている記述をdelete 参考 ctr+r should default to having an option to reload the window · Issue #108393 · microsoft/vscode · GitHub

設定方法 Command + ,を押してSettingsを開く ↓ Search settingsに"files.trimTrailingWhitespace"と入力 ↓ チェックをつける ↓ command + shift + pでreload windowを選択し、再起動する。 参考 VS Codeで行末やファイル末尾の空白文字を削除するには：Visu…

エラー内容 VScodeの拡張機能「live server」を使用し、リロード不要でgoogle chromeを使用したかったが、 Open with live serverをクリックしたら以下のエラーがでた。 open a folder or workspace live server... 対処法 以下のサイトを参照し、フォルダの…

1. vscodeを開く 2. Command Paletteを⇧⌘Pで開く Command Paletteとは? you have access to all of the functionality of VS Code, including keyboard shortcuts for the most common operations. →一般的な操作のショートカットを含むvscodeの機能にアクセ…