- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2017-04-14T17:21:42+09:00","default:admin","admin")
#author("2023-04-26T06:17:40+00:00","default:admin","admin")
-[[VS Code Marketplace:https://marketplace.visualstudio.com]]
-[[VSCode に必ず入れておきたい拡張機能:https://qiita.com/ucan-lab/items/e85931bf8276da43cc97]]
-[[VSCodeでDraw.ioが使えるようになったらしい:https://qiita.com/riku-shiru/items/5ab7c5aecdfea323ec4e]]
-[[OS、プログラミング言語、ソフトを選ばない、マイクロソフトのコードエディター「Visual Studio Code」:https://japan.zdnet.com/article/35165999/]]
-[[【Visual Studio Code】 拡張機能をどんどん活用しよう (Extension):https://blogs.msdn.microsoft.com/ayatokura/2016/12/04/vscode_extensioin/]]
-[[Visual Studio Code のおすすめ拡張機能と設定値:http://qiita.com/saitotak/items/3ea2a1897dca6bb5b91b]]
-[[Visual Studio Codeを使いこなせ！ Chromeと接続してJSをデバッグする方法:https://ics.media/entry/11356]]
-[[Visual Studio Code でサクッと C# のコンソールアプリをデバッグしよう - Mac 編:http://ytabuchi.hatenablog.com/entry/2017/02/24/140000]]
-[[VS Codeでターミナルやエディター、エクスプローラー間の移動を楽にする:https://swfz.hatenablog.com/entry/2019/03/03/233624]]
-[[VSCodeでなるべくマウスを使わない開発環境をがんばる:https://qiita.com/y-tsutsu/items/cfe89c0168f40a8fb353]]
-[[「Uno Platform」が「Visual Studio Code」にプレビュー対応、WebAssemblyアプリが開発可能に:https://forest.watch.impress.co.jp/docs/news/1248245.html]]
-[[Microsoft、「Visual Studio Code」の新しい拡張機能「Jupyter」を発表:https://forest.watch.impress.co.jp/docs/news/1289446.html]]
*Vim [#qbfcb413]
-[[VimmerのVimmerによるVimmerのためのVSCode環境構築(Part1):https://fe-notes.work/posts/20200708_vsvim01/]]
-[[VimmerのVimmerによるVimmerのためのVSCode環境構築(Part2):https://fe-notes.work/posts/20200712_vsvim02/]]
--[[vim-surroundでvimmerへの道を極めよう:https://qiita.com/takuyanin/items/5eb009e737a235e51ab2]]
-[[VSCodeのvimキーバインドをいい感じにする:https://qiita.com/watanabejunya/items/de471f90d0caf5022eaa]]
-[[Visual Studio Code の vim でカーソルキーがリピートしないとき:https://blog.wakisaka-tsuyoshi.com/2019/04/visual-studio-code-vim.html]]
-[[VSCode Vim ソースコードを部分的にフォーマット (整形・インデント)したい:https://wonwon-eater.com/vscode-vim-format/]]
**Git [#q28789dc]
-[[Visual Studio CodeでGitを使う:http://itemy.net/?p=412]]
-[[Visual Studio CodeでGitHub上にリモートリポジトリを設定する:https://blog.janjan.net/2018/07/11/visual-studio-code-remote-repository/]]
***GitLens [#d2dc7b5e]
-[[ソースコードの差分を GitLens で確認するには:https://kuma-emon.com/it/pc/2255/]]
-[[VS Codeでソースコード管理：GitLens拡張機能を使ってみよう:https://atmarkit.itmedia.co.jp/ait/articles/2111/19/news034.html]]
*Remote WSL [#ac84b875]
-[[Linux 用 Windows サブシステムで Visual Studio Code の使用を開始する:https://docs.microsoft.com/ja-jp/windows/wsl/tutorials/wsl-vscode]]
*言語・フレームワーク [#q4452976]
**TypeScript [#m227b330]
-[[vscodeでTypeScriptをデバッグしよう（jestもあるよ）:https://tech.bitbank.cc/20230216/]]
***Vue.js [#w0c9c6eb]
-[[【初心者向け】 Vue3.0 × TypeScript の VSCode 開発環境を準備する:https://blog.serverworks.co.jp/setup-vite-vue-typescript]]
***Svelte [#b89cb811]
-[[Svelte for VS Code:https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode]]
**Go [#p91ba872]
-[[Visual Studio CodeでGo言語の開発環境を作成する:https://blog.pepese.com/golang-vscode-environment/]]
**PHP [#tbd4351c]
-[[【2022年版】Visual Studio CodeでPHP開発環境＋デバッグ作業でステップ実行できるようにする方法:https://my-web-note.com/vscode-php-develop-debug/]]
-[[【PHP、Laravel編】VsCodeに入れるべき必須の便利プラグイン&初期設定:https://maasaablog.com/tools/visual-studio-code/624/]]
-[[【2022年決定版】VSCodeをLaravel超特化型にする 最高の拡張機能10選まとめ。 【VisualStudio Code】【プラグイン】:https://yurupro.cloud/2132/]]
**Rust [#k2ae1b6e]
-[[WSL2で作るRustのWindows開発環境: Rustが征く(1):https://zenn.dev/dozo/articles/56a3fa90dbfb50]]
*設定 [#a769f3f2]
**settings.json [#g7a046b1]
-[[VS Code の設定ファイルの場所 (settings.json):https://maku.blog/p/tfq2cnw/]]
***ユーザ設定ファイル [#n725f202]
-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
***ワークスペース設定ファイル [#bc7ed714]
<プロジェクトルート>/.vscode/settings.json
-ワークスペース設定は、前述のユーザー設定よりも優先される（同じ設定項目の値が上書きされる）
-vscode ディレクトリを Git にコミットしておけば、チーム内で VS Code の設定を共有できる
-vscode ディレクトリには、プロジェクトのタスク設定ファイル (tasks.json) なども格納される
*Extensions [#t5142ea4]
**日本語化 [#e018080e]
-Japanese Language Pack for Visual Studio Code
**Markdown [#q961473f]
-[[VsCodeで快適なマークダウンライフを送るためのTips:https://maasaablog.com/integrated-development-environment/visual-studio-code/1762/]]
-[[Visual Studio Code拡張 Markdown All in One:https://zenn.dev/ctrlkeykoyubi/articles/vscode-markdown-all-in-one]]
-[[VSCodeで超快適なMarkdownエディタ環境を作る【プレビュー/画像貼付/目次/PlantUML】:https://syachiku.net/vscode-markdown/]]
**UML [#gf9ff092]
-[[Visual Studio Code で UML を描こう！:https://qiita.com/couzie/items/9dedb834c5aff09ea7b2]]
**組み込み [#n033a57c]
-PlatformIO IDE for VSCode
--[[ESP32をVSCodeとPlatformIO IDEで動かす方法:https://www.media.lab.uec.ac.jp/?page_id=1414]]
--[[PlatformIO IDE for VSCode でESP32のプログラム開発:https://kunsen.net/2018/07/28/post-618/]]
--[[PlatformIO IDE で Arduino を遊ぶ:https://qiita.com/zakkied/items/7588c0836646a3ce0a80]]
--[[PlatformIO＋M5Stackを使ってみた:https://blog.boochow.com/article/platformio-and-m5stack.html]]
**プレゼンテーション [#mf46c165]
***コードのプレゼンテーション [#qa801787]
-Presentation Mode
-Custom Presentation Mode
***プレゼンテーション作成 [#hd550a27]
-Marp for VS Code
--Markdown形式でプレゼンテーション作成
--HTML,PDF,PPTX（編集不可のPowerPoint）出力可
-vscode-reveal
*フォント [#ed5691d2]
-[[プログラミングに最適なおすすめフォント:https://iesk.net/column/3999]]
-[[udev-gothic (フォント, JetBrains Mono + BIZ UDゴシック):https://devlights.hatenablog.com/entry/2022/03/25/131444]]
-UDEV Gothic
-UDEV Gothic LG Regular
-UDEV Gothic 35JPDOC Regular
*Tips [#d5a2ad01]
-[[VS Codeでファイルを常に新しいエディタに開くには:https://atmarkit.itmedia.co.jp/ait/articles/1806/15/news026.html]]
-[[Visual Studio Codeで印刷する方法:https://octopus5.hatenablog.com/entry/2019/09/26/120000]]
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
