Visual Studio Code

• VS Code Marketplace

• VSCode に必ず入れておきたい拡張機能
• VSCodeでDraw.ioが使えるようになったらしい

• OS、プログラミング言語、ソフトを選ばない、マイクロソフトのコードエディター「Visual Studio Code」
• 【Visual Studio Code】 拡張機能をどんどん活用しよう (Extension)
• Visual Studio Code のおすすめ拡張機能と設定値
• Visual Studio Codeを使いこなせ！ Chromeと接続してJSをデバッグする方法

• Visual Studio Code でサクッと C# のコンソールアプリをデバッグしよう - Mac 編

• VS Codeでターミナルやエディター、エクスプローラー間の移動を楽にする

• VSCodeでなるべくマウスを使わない開発環境をがんばる
• 「Uno Platform」が「Visual Studio Code」にプレビュー対応、WebAssemblyアプリが開発可能に
• Microsoft、「Visual Studio Code」の新しい拡張機能「Jupyter」を発表

Vim †

• VimmerのVimmerによるVimmerのためのVSCode環境構築(Part1)
• VimmerのVimmerによるVimmerのためのVSCode環境構築(Part2)
  • vim-surroundでvimmerへの道を極めよう

• VSCodeのvimキーバインドをいい感じにする

• Visual Studio Code の vim でカーソルキーがリピートしないとき

• VSCode Vim ソースコードを部分的にフォーマット (整形・インデント)したい

Git †

• Visual Studio CodeでGitを使う
• Visual Studio CodeでGitHub上にリモートリポジトリを設定する

GitLens? †

• ソースコードの差分を GitLens で確認するには
• VS Codeでソースコード管理：GitLens拡張機能を使ってみよう

Remote WSL †

• Linux 用 Windows サブシステムで Visual Studio Code の使用を開始する

言語・フレームワーク †

TypeScript †

• vscodeでTypeScriptをデバッグしよう（jestもあるよ）

Vue.js †

• 【初心者向け】 Vue3.0 × TypeScript の VSCode 開発環境を準備する

Svelte †

• Svelte for VS Code

Go †

• Visual Studio CodeでGo言語の開発環境を作成する

PHP †

• 【2022年版】Visual Studio CodeでPHP開発環境＋デバッグ作業でステップ実行できるようにする方法
• 【PHP、Laravel編】VsCodeに入れるべき必須の便利プラグイン&初期設定
• 【2022年決定版】VSCodeをLaravel超特化型にする 最高の拡張機能10選まとめ。 【VisualStudio Code】【プラグイン】

Rust †

• WSL2で作るRustのWindows開発環境: Rustが征く(1)

設定 †

settings.json †

• VS Code の設定ファイルの場所 (settings.json)

ユーザ設定ファイル †

• F1キーを押下して「Open Settings (JSON)」

• Windows

  %APPDATA%\Code\User\settings.json
  %APPDATA%\Roaming\Code\User\settings.json

• Linux

  $HOME/.config/Code/User/settings.json

• MacOS

  $HOME/Library/Application Support/Code/User/settings.json

ワークスペース設定ファイル †

<プロジェクトルート>/.vscode/settings.json

• ワークスペース設定は、前述のユーザー設定よりも優先される（同じ設定項目の値が上書きされる）
• vscode ディレクトリを Git にコミットしておけば、チーム内で VS Code の設定を共有できる
• vscode ディレクトリには、プロジェクトのタスク設定ファイル (tasks.json) なども格納される

Extensions †

日本語化 †

• Japanese Language Pack for Visual Studio Code

Markdown †

• VsCodeで快適なマークダウンライフを送るためのTips
• Visual Studio Code拡張 Markdown All in One
• VSCodeで超快適なMarkdownエディタ環境を作る【プレビュー/画像貼付/目次/PlantUML】

UML †

• Visual Studio Code で UML を描こう！

組み込み †

• PlatformIO IDE for VSCode
  • ESP32をVSCodeとPlatformIO IDEで動かす方法
  • PlatformIO IDE for VSCode でESP32のプログラム開発
  • PlatformIO IDE で Arduino を遊ぶ
  • PlatformIO＋M5Stackを使ってみた

プレゼンテーション †

コードのプレゼンテーション †

• Presentation Mode
• Custom Presentation Mode

プレゼンテーション作成 †

• Marp for VS Code
  • Markdown形式でプレゼンテーション作成
  • HTML,PDF,PPTX（編集不可のPowerPoint?）出力可

• vscode-reveal

フォント †

• プログラミングに最適なおすすめフォント
• udev-gothic (フォント, JetBrains Mono + BIZ UDゴシック)

• UDEV Gothic
• UDEV Gothic LG Regular
• UDEV Gothic 35JPDOC Regular

Tips †

• VS Codeでファイルを常に新しいエディタに開くには
• Visual Studio Codeで印刷する方法