【VSCode】おすすめの拡張機能 21選
はじめに 今回の記事では、主にバックエンド(PythonとTypeScript中心)を開発している私が使っているVSCodeの拡張機能を紹介する。 拡張機能 基本的にどのような言語でも対応できる拡張機能を紹介する。 Japanese Language Pack for Visual Studio Code VSCodeを日本語にできる。 REST Client VSCode上でgetやpostなどのHTTPリクエストを送信できる。GraphQLにも対応している。 GitLens — Git supercharged commit単位でファイルを比較したり、最新のcommitの内容を表示したりできる。 DeepL for Visual Studio Code VSCode上にて日本語から英語に翻訳できる。翻訳の精度が非常に高い。 JSDoc Generator JavaScriptのドキュメ
VS Codeをなぜ、使い続けているのか？
前書き この記事を読んでいるエンジニアの皆さんは、それぞれ異なるエディタを使用しているかと思います。読者自身が使用しているエディタの良し悪しについては詳しいと考えているため、私がVS Codeと他のエディタを比較をすることは、限界があります。また、VS Code と他のエディタの機能や快適さを比較できません。 そこで、私が毎日使用している VS Code の良さをアピールすることで、VS Code を使ってもらう機会を作りたいと思っています。 ここで説明しないこと カスタマイズしたキーコンフィグの紹介 ただし、これから紹介する VS Code の機能に好みのキーコンフィグを割り当てることは可能です。 他のエディタとの比較(Vim系 JetBrain系 Helix等の新興エディタ系) 目次 VS Codeとは 毎月のアップデート VS Codeのデフォルト機能 拡張機能（エクステンション）が
「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に
米GitHubは8月11日（現地時間、以下同）、ソースコード共有サイト「GitHub」上でコードエディタ「Visual Studio Code」のWebブラウザ版を起動できる機能「Codespaces」のβ版を公開した。Twitterでは「便利すぎる」などと、ITエンジニアを中心に話題になっている。 ユーザーはGitHubのリポジトリ画面で「.」（ドットキー）を押すとVisual Studio Codeが起動する。個人ユーザーは当面無料で利用でき、チーム向けや企業向けのプランを利用している法人ユーザーも9月10日までは無料で試用できる。 法人向け料金は従量制で、計算に使用するCPUの性能と利用時間で変動する。最も安い2コアのCPUを使う場合は1時間で0.18ドル（約20円）。使用したデータの容量1GB当たり0.07ドル（約7円）も月額で別途請求する。 Visual Studio Codeは
VSCodeにブラウザのデバッガーが統合された！F5一発でDevToolsが起動する
マイクロソフトのVisual Studio Code（VSCode）に、JavaScriptのデバッガーが内蔵された。 Easier browser debugging with Developer Tools integration in Visual Studio Code 画像クレジット: microsoft これまで開発者は、VSCodeの拡張機能として「Chrome Debugger」や「Microsoft Edge Debugger extension」をインストールするのが一般的だった。 これからは、拡張機能をインストールして使用する代わりに、 F5キーを押すか、メニューバーのデバッグアイコンをアクティブにして「実行してデバッグ」を選択だけで、デバッグすることができる。 また、VSCodeのコマンドパレットから「Debug: Open Link」コマンドでも実行できる。 Ed
VS Codeが好きになった10の理由 / ILoveVSCode
本日のLT資料 ■エディタ好きは語りたい LT会 https://rakus.connpass.com/event/204540/
Visual Studio Code comes to Raspberry Pi - Raspberry Pi
Microsoft’s Visual Studio Code is an excellent C development environment, and now it’s an easy install on Raspberry Pi. Here’s Jim Bennett from Microsoft to show you all how to get VS Code up and running on our tiny computer. Take it away, Jim… There are a few products in the tech sphere that get me really excited. One of them is Raspberry Pi (obviously), and the other is Visual Studio Code or VS
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に マイクロソフトは、コードエディタのVisual Studio Code（以下VS Code）とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them? We heard you! Today we moved the "Mic
Markdown Extension
Version 1.94 is now available! Read about the new features and fixes from September. Markdown extensions allow you to extend and enhance Visual Studio Code's built-in Markdown preview. This includes changing the look of the preview or adding support for new Markdown syntax. Changing the look of the Markdown preview with CSS Extensions can contribute CSS to change the look or layout of the Markdown
VSCodeのマルチカーソル練習帳 - Qiita
VSCodeを使いこなしている人がカーソルを複数置いて手早く作業してて、カッコいいなと思ったことありませんか？こんな感じで。 私はマルチカーソル使います(キャー素敵！)。冗談はさておき、VSCode使ってる人全員がマルチカーソル使ってるわけではなさそうだと最近知ったので、基本をまとめてみました。 なお記事では、以下のテキストをサンプルとして使用しています。お手元にVSCodeを用意できる方は、サンプルを使って同じ操作を試しながら覚えてみてください！ { "id" : "12345678-1234-1234-1234-123456789012", "title" : "myTitle", "content" : "myContent", "createdAt" : "2019-09-01 00:00:00", "createdUser" : "12345678-1234-1234-1234-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Visual Studio Code」に内蔵サーバーでWebアプリをプレビューできる拡張機能が登場／拡張機能ビューが改善された「Visual Studio Code」の2021年7月更新
無償コードエディター「Visual Studio Code」v1.55が公開 ～「Raspberry Pi OS」に正式対応／「macOS Big Sur」向けにアプリアイコンを更新。統合ターミナルでも大きな機能強化
WSL2、Docker、VSCodeで劇的に改善されるWindows開発環境
「Edge」の開発ツールを統合し「Visual Studio Code」でWebアプリの開発を完結／Microsoftが「Microsoft Edge Tools for VS Code」拡張機能を一般リリース