VSCodeのオススメ拡張機能 24選 (とTipsを少し)

2018/10/01 742 users Tips オススメ拡張機能 少し ２４選

言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 ダウンロード数順に紹介します。 1. vscode-icons アイコンがついて見やすくなる 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくな... 続きを読む

VSCodeでPython書いてる人はとりあえずこれやっとけ〜 - Qiita

2022/07/28 721 users デフォルト 記述 Qiita 拡張機能 コード

はじめに Pythonはコードが汚くなりがち（個人的にそう思う） そんなPythonくんを快適に書くための設定を紹介します。 拡張機能編 ここでは Pythonを書きやすくするため の拡張機能を紹介していきます。 1. Error Lens before 「コード書いたけど、なんか波線出てるよ💦」 記述に問題があった場合、デフォルトでは波線が... 続きを読む

VSCodeのRemote Development機能が革命的な話。 - Crieit

2019/05/04 699 users nokogiri eslint Crieit pack Mac

背景 今月始めにMicrosoftからRemote Development Extension Pack. というのが発表された。簡単に言うと、VSCodeでコードを書くOSとプラグインが実行されるOSを別にすることが出来る。 よくあるパターンで、「MacでNokogiriがビルドできません」「WindowsでESLintを実行するにはどうしたら良いですか」みたいな質問があ... 続きを読む

VSCodeの拡張機能、なに使ってますか？ はてなエンジニア世論調査 #2 - Hatena Developer Blog

2020/08/14 598 users hogashi ソースコードエディタ フォント エンジニア

こんにちは、Webアプリケーションエンジニアのid:hogashiです。 半年ほど前に公開した「開発環境のフォントなに使ってますか？」に続く、はてなエンジニア世論調査の第2回「VSCodeの拡張機能、なに使ってますか？」です。 ソースコードエディタであるVisual Studio Code（以下、VSCode）は多くのエンジニアに利用されて... 続きを読む

VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか) - Qiita

2019/04/22 585 users Qiita Tips オススメ拡張機能

1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Pretti... 続きを読む

社内でよく使う VSCode の機能紹介 - Techtouch Developers Blog

2021/05/13 570 users taisa 趣旨 各自 テックタッチ ノウハウ

テックタッチのバックエンドエンジニアの taisa です。 社内勉強会で、Visual Studio Code（以降 VSCode と記載）ナレッジ共有会を実施したのでその内容を紹介します。 今回の趣旨は「VSCode で各自がよく使う機能やショートカット、ちょっとしたノウハウを共有することで開発効率を向上させたい」というものです。自分... 続きを読む

マルチカーソルを使わないVSCodeはただのVSCodeだ！ - memo.md

2018/12/09 561 users memo.md カーソル マルチカーソル エントリ 動作例

Misoca+弥生+ALTOA Advent Calendar 2018の10日目のエントリです。 グッと来るタイトルにしようと思った結果、意味不明になってしまったのは自覚している。許してほしい。 マルチカーソル？ さて、VSCodeではカーソルを複数作ることができる。 vscode-doc-jp.github.io 簡単な動作例 これはVSCodeに限った機能ではなく... 続きを読む

インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita

2018/11/04 541 users Qiita デフォルト before after 拡張機能

VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Col... 続きを読む

VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック | コリス

2019/08/08 536 users コリス extensions Theme テクニック 機能拡張

Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様... 続きを読む

僕がおすすめするVSCodeのプラグインまとめ｜TAK｜note

2019/11/13 527 users 真っ先 プラグイン Webサービスまとめ 日本語化

Webサービスまとめに続いて。 2019年11月時点で僕が個人的に使っているVSCodeのプラグインのまとめです。 # Japanese Language Pack for Visual Studio Code VSCodeを日本語化してくれるプラグイン。 僕は英語弱者なので真っ先にインストールした。 続きを読む

1分でも早く仕事を終わらせるためにVSCodeにできること - Qiita

2020/09/29 518 users Qiita エディタ 焦点 最強 興味

はじめに 本投稿は『VSCodeが最強のエディタだ!!』などといったことを伝える記事ではありません。 数あるエディタの中の『VSCode』に焦点を当てて、作業効率化できるための使い方をまとめたものです。 いくつかのテーマに分けて、ご紹介させていただきますので、興味のあるところを拾い読みしていただければと思います。... 続きを読む

VSCodeの秘伝のワザを大公開！ | Developers.IO

2020/06/29 500 users 終息 無血革命 秘伝 Developers.IO ワザ

こんにちは！CX事業本部の片岡です。今回は自分が使っているVSCodeのショートカットと拡張機能を紹介します。 こんにちは！CX事業本部の片岡です。 エディタ戦争が終息して5年たった今、無血革命と呼ばれたVisual Studio Codeをご存知でしょうか？皆様ご愛用のことと存じます。 そんなVisual Studio Codeの便利なショー... 続きを読む

過去の自分に教えなければならないVSCodeのショートカット - Qiita

2020/08/25 484 users Qiita ショートカット 過去 自分

以下はVitor Paladini ( Twitter / GitHub / dev.to ) によるVS Code shortcuts that I would teach myself if I had a time machine with limited fuelの日本語訳です。 VS Code shortcuts that I would teach myself if I had a time machine with limited fuel 「やあ俺だ。黙って聞いてくれ。時間がないんだ。」 「... 続きを読む

VSCodeでのGitの基本操作まとめ - Qiita

2019/04/15 482 users Git Qiita tig 新人研修 ターミナル環境

はじめに 一年前に新人研修でGitを担当してTigの記事を書いたのですが，今年も同じくGitの研修を担当することになりました．新人さんたちにとってはターミナル環境はとっつきにくい人も多いようで，短い研修期間では操作自体に苦戦してしまい，Gitそのものを理解するというところに力を割けない人も少なくありませんでし... 続きを読む

「VSCode」を縦書きビューや文字数カウントを備えた原稿エディターにする拡張機能「novel-writer」／青空文庫注記法の注記やルビにも対応。品詞の色分け表示やPDF出力もできる【レビュー】

2022/06/20 475 users 品詞 注記 ルビ PDF出力 色分け表示

続きを読む

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場

2024/02/13 474 users Dockerコンテナ 以下VSCode ターミナル Mac

Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場 WindowsやMacなどのデスクトップPCでVisual Studio Code（以下VSCode）を利用して開発をする場合、同じローカルマシン上でDockerコンテナのLinux環境を起動し、VSCodeのターミナルで... 続きを読む

【サボりたいエンジニア向け】コーディングに役立つチートシートまとめ - Qiita

2022/09/04 471 users Qiita コーディング めんどい コピペ チートシート

はじめに こんな人が役に立つ記事 コーディング業務の効率を上げたい。 コーディングに関するチートシートを知りたい。 打つのもめんどいからコピペでなんとかしたい（笑） 今回は、コーディングに役立つチートシートをまとめました。 VSCODEチートシート エンジニアなら必ず使うであろうVsCodeのショートカットチートシ... 続きを読む

VSCodeを使いこなすための一歩、コードを書く時に知っていると便利なショートカットのまとめ | コリス

2019/07/26 451 users 格段 Visual Studio Code 操作 コリス 下記

Visual Studio Codeでコードを書く時に知っていると便利なショートカットを紹介します。コードを書く時に自分がよく実行する操作のショートカットを覚えておくと、作業効率は格段にアップします。 21 VSCode Shortcuts to Make Coding Faster and More Fun by jsmanifest 下記は各ポイントを意訳したものです。 ※当ブロ... 続きを読む

VScodeの設定（setting.json）まとめ【2023年1月更新】

2023/01/01 446 users 中身 ファイル コード うち 参考

はじめに VScodeを愛用していくうちに設定（setting.json）がだいぶ煩雑になってきたので、それらを見直しがてらZennに記事としてまとめてみました。 主にwebサイト制作者向けの内容になっております。 どなたかの参考になれば幸いです！ setting.jsonのコードの中身だけを見たい方はこちらへどうぞ！ 1. ファイルの自動... 続きを読む

VSCode(Visual Studio Code)をメモ帳として使える拡張機能「VSNotes」が便利 | カレリエ

2018/12/11 443 users Simplenote 忘備録 カレリエ メモ帳 拡張機能

VSCode(Visual Studio Code)をメモ帳として使える拡張機能「VSNotes」が便利だったので紹介します。 普段はメモ帳としては「Simplenote」を使っているのですが、コードや仕事に関連する忘備録をちょっとメモしたりするには常時使用ているVisual Studio Code内で完結させたかったので、Visual Studio Code（以下、VSCode... 続きを読む

マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md

2018/12/11 438 users memo.md マルチカーソル 解説編

先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め... 続きを読む

主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO

2023/10/12 437 users snippet DevelopersIO エクスプローラ

ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを... 続きを読む

【分野別】VSCodeのおすすめ拡張機能まとめ - Qiita

2022/09/04 431 users 分野 拡張機能 分野別 Web制作関連 開発

はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることが... 続きを読む

VSCodeでDraw.ioが使えるようになったらしい！ - Qiita

2020/05/15 412 users Qiita Draw 備忘 draw.io ＥＲ図

はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。 Draw.ioとは? Draw.ioとはdraw.ioにアクセスするだけで、フローチャートやネットワーク図、ER図といった豊富なテンプレートを使用して簡単にお絵かきをすることができるサービスになります。 Draw.... 続きを読む

Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表 － Publickey

2020/11/09 411 users コードエディタ Publickey Clo コマンドライン

Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表 Googleは、Google Cloudをコマンドラインで操作できる「Cloud Shell」の機能の新機能として、プログラミングのためのコードエディタ「Cloud Shell Editor」を統合すると発表しました。 Clo... 続きを読む