Visual Studio Code

Visual Studio Code

Language Server Protocol(Java)のリクエストとレスポンスを出力タブのログから見る方法 – 【VS Code】

Language Server Protocol(Java)のリクエストとレスポンスを出力タブのログから見る方法 - 【VS Code】
Visual Studio Code

Visual Studio MarketplaceのPublisherを作成する方法

Visual Studio MarketplaceのPublisherを作成する方法Microsoft アカウントでログイン「」へアクセスして、Microsoftアカウントでログインします。Publisher作成ログイン後、管理画面の「Cr...
Gradle

Could not run phased build action using connection to Gradle distribution ‘https://services.gradle.org/distributions/gradle-x.x.x-bin.zip’

Could not run phased build action using connection to Gradle distribution ' - 【VS Code】ctrl + shift + pで「Clean Java Lang...
Visual Studio Code

VSCodeでJava開発時にgoogle-java-formatを適用する – 【Windows】

VSCodeでJava開発時にgoogle-java-formatを適用する - 【Windows】VSCodeでeclipse-java-google-style.xmlをドキュメント通り設定してもうまく動作しなかったことに気づいたので別...
Visual Studio Code

VSCodeで長い文字列をn文字ごとに改行する – 【VS Code】

VSCodeで長い文字列をn文字ごとに改行する – 【VS Code】VS Codeで100文字くらいの文字列を10文字ごとに改行して10行にしたい。こういう時は正規表現で改行コードを挿入します。正規表現ctrl + hで置換ビューを表示し...
Visual Studio Code

VSCodeで簡単にJavaScriptを実行する – 【VS Code】

VSCodeで簡単にJavaScriptを実行する – 【VS Code】jsの動作を確認したいときに、Chromeの開発者ツールのコンソールで良く試したりしますが、VSCode上でもプラグインを入れれば簡単に実行することができます。Cod...
UML

MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】

MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】前提 Javaインストール済み Graphizインストール済み plantuml.jarダウンロード済みVS CodeプラグインVS Codeに以下...
UML

MarkDownにPlantUMLを埋め込む – 【VS Code】

MarkDownにPlantUMLを埋め込む - 【VS Code】前提 Javaインストール済み Graphizインストール済み plantuml.jarダウンロード済みVS CodeプラグインVS Codeに以下プラグインをインストール...
Redoc

VSCodeのRedocly OpenAPIプラグインの使い方

VSCodeのRedocly OpenAPIプラグインの使い方モジュールインストールと拡張機能インストールredoc-cliが非推奨になったので、@redocly/cliを使用します。$ npm init -y$ npm i @redocl...
Visual Studio Code

VS CodeでShift-JISファイルを文字化けさせずに自動判別させて開く

VS CodeでShift-JISファイルを文字化けさせずに自動判別させて開くVS CodeではデフォルトUTF-8でファイルを開くのでShift-JISファイルは文字化けします。Shift-JISで開くShift-JISで再度開きなおす必...
php

PHPをWSL2+VSCode(launch.json)でデバッグする方法

PHPをWSL2+VSCode(launch.json)でデバッグする方法前提 OSはWSL2(Ubuntu-22.04) WSL2にApache2,php8.2.5インストール済 VSCodeプラグインにWSL(Remote-WSL)イン...
Visual Studio Code

Visual Studio Codeでショートカットキーでファイルを分割表示する

Visual Studio Codeでショートカットキーでファイルを分割表示する左右分割ファイルを左右分割するには、ctrl + \で分割します。上下分割ファイルを上下分割するには、ctrl+k,ctrl + \で分割します。分割表示間でカ...
Visual Studio Code

VS Code自体(レンダラープロセス)をDeveloperツールを使用してデバッグする方法

VS Code自体(レンダラープロセス)をDeveloperツールを使用してデバッグする方法
Visual Studio Code

VS Codeで\nを改行コードに置換する

VS Codeで\nを改行コードに置換する\nを改行コードに置換するctrl + hで置換ビューを表示します。正規表現で「\n」を「\n」に変換します。改行ができます。改行を削除する改行を削除して1行にします。ctrl + hで置換ビューを...
Visual Studio Code

VS Codeでデフォルトターミナルをコマンドプロンプトに変更する

VS Codeでデフォルトターミナルをコマンドプロンプトに変更するVS CodeのデフォルトターミナルがPowerShellなのでコマンドプロンプトに変更します。赤枠で囲んだ部分をクリックし「Select Default Profile」を...
Visual Studio Code

選択ハイライト・出現箇所ハイライト・検索箇所ハイライト纏め -【 VS Code】

選択ハイライト・出現箇所ハイライト・検索箇所ハイライト纏め -【 VS Code】
Visual Studio Code

プロファイルで仕事用・プライベート用でVS Code設定を使い分ける方法 – 【VS Code】

プロファイルで仕事用・プライベート用でVS Code設定を使い分ける方法 – 【VS Code】
Visual Studio Code

tasks.jsonをコマンドパレットから作成する – 【VS Code】

tasks.jsonをコマンドパレットから作成する – 【VS Code】
VSCodeプラグイン

Eclipseで開発したプロジェクトをVS Codeのstep counterで計測する

Eclipseで開発したプロジェクトをVS Codeのstep counterで計測する
Visual Studio Code

extensions.jsonをコマンドパレットから作成する – 【VS Code】

extensions.jsonをコマンドパレットから作成する - 【VS Code】
Visual Studio Code

tmLanguage.jsonででVS Code拡張機能の対象拡張子の色付け(シンタックスハイライト)を実装する – 【VS Code】

tmLanguage.jsonででVS Code拡張機能の対象拡張子の色付け(シンタックスハイライト)を実装する – 【VS Code】
Visual Studio Code

language-configuration.jsonでVS Code拡張機能の対象拡張子のエディタ動作をカスタマイズする – 【VS Code】

language-configuration.jsonでVS Code拡張機能の対象拡張子のエディタ動作をカスタマイズする – 【VS Code】
Visual Studio Code

VS Code拡張機能のソースファイルに対してl10nを利用して多言語対応をする – 【VS Code】

VS Code拡張機能のソースファイルに対してl10nを利用して多言語対応をする - 【VS Code】
Visual Studio Code

VS Code拡張機能をExtension Test Runnerを使用してテストする – 【VS Code】

VS Code拡張機能をExtension Test Runnerを使用してテストする - 【VS Code】
Visual Studio Code

VS Code拡張機能のコマンドをコマンドパレットから実行する – 【VS Code】

VS Code拡張機能のコマンドをコマンドパレットから実行する – 【VS Code】
checkstyle

VS Codeでチェックスタイル導入する – 【Java】

VS Codeでチェックスタイル導入する - 【Java】2通りの方法があります。 VS Codeプラグイン GradleのcheckstyleプラグインVS CodeプラグインVS Codeでcheckstyleを導入する場合は「Chec...
Visual Studio Code

VSCodeのsettings.jsonの格納場所

VSCodeのsettings.jsonの格納場所Windowsの場合は以下です。C:\Users\ユーザ名\AppData\Roaming\Code\User\settings.json開き方は、Ctrl + ,をクリックします。その後に...
Visual Studio Code

VSCodeでリモート開発に便利なスクリーンキャストモード

VSCodeでリモート開発に便利なスクリーンキャストモードVSCodeで操作しているときのキーをスクリーン表示してくれるモードです。リモートでの開発に最適な機能です。「ctrl + shift + p」でscreencastとタイプします。...
Java

VSCodeでJava開発する際のショートカットキー一覧

VSCodeでJava開発する際のショートカットキー一覧
Redoc

VSCodeのReDoc Viewerプラグインでプレビューする

VSCodeのReDoc Viewerプラグインでプレビューする
CloudFormation

OpenAPI3.0やCloudFormationのYamlをVSCodeで作成する方法

OpenAPI3.0やCloudFormationのYamlをVSCodeで作成する方法OpenAPI3.0のYamlをVSCodeで書いていきます。便利なプラグインを入れて多少でも効率よく書きたいものなので「YAML Red Hat」プラ...
Visual Studio Code

VSCodeのREST ClinetプラグインでRESTのテストをする方法

VSCodeのREST ClinetプラグインでRESTのテストをする方法RESTのテストはよくPOSTMANで実施していましたが、VSCodeのREST Clientプラグインも便利です。curlコマンドをエディターで実行してくれます。フ...
Visual Studio Code

VS Code1.35 Stable版でRemote Development Extension Packが使えるようになりました

VS Code1.35 Stable版でRemote Development Extension Packが使えるようになりましたVSCodeのStable版でRemote SSHやRemote WSLがリリースされました。まだ試していませ...
AWS

VSCodeでRemote SSHを使用してAWS EC2でNodeをインストールしてみた

VSCodeでRemote SSHを使用してAWS EC2でNodeをインストールしてみた「VSCodeのRemote SSHでAWSのEC2に接続する方法」を紹介しました。一旦この環境でEC2に接続してNodeを試しにインストールしてみま...
AWS

VSCodeのRemote SSHでAWSのEC2に接続する方法

VSCodeのRemote SSHでAWSのEC2に接続する方法VSCode Insiders版でRemote SSHをインストールします。公式ブログVSCodeのRemote WSLでWindows Subsystem for Linux...
Visual Studio Code

VSCodeのRemote WSLでWindows Subsystem for Linuxに接続する方法

VSCodeのRemote WSLでWindows Subsystem for Linuxに接続する方法VSCodeでWSLに接続することができるようになりました。公式ブログこのブログではInsiders版しか対応していないけどもうすぐ安定...
Visual Studio Code

VSCodeでCSVをセレクトするRainbow CSVが便利

VSCodeでCSVをセレクトするRainbow CSVが便利Rainbow CSVプラグインをインストールするとCSVファイルを開くとレインボーで鮮やかに表示されます。S3 selectを使えばCSV内が検索できますが、Rainbow C...
Chart.js

VSCode + CordovaのエミュレータでChart.js使ってレーダーチャート表示しようとしたらエミュレータ上は表示されなくてハマったので使い方メモ

VSCode + CordovaのエミュレータでChart.js使ってレーダーチャート表示しようとしたらエミュレータ上は表示されなくてハマったので使い方メモChart.js使って格好良いレーダーチャートを描画しようとしたら、エミュレータでは...
Cordova

VSCode + CordovaのエミュレータでCameraを起動する

VSCode + CordovaのエミュレータでCameraを起動するCameraを起動するにはプラグインが必要です。cordova plugin add cordova-plugin-cameraHTML5~省略~<button id="...
Cordova

Waiting for emulator to boot (this may take a while)………..

Waiting for emulator to boot (this may take a while)...........Cordova + VSCodeで開発していたら時々こういうエラー?が出て、エミュレーターは起動するもののHTML...
Cordova

VSCode+Cordovaでconsole.log()を出力する

VSCode+Cordovaでconsole.log()を出力するVSCode+Cordovaでconsole.log()を出力すべく、cordova-plugin-consoleを追加します。cordova plugin add cord...
Cordova

VSCodeでCordovaの開発をしてみる

VSCodeでCordovaの開発をしてみる
spring boot

VSCodeでSpring Bootを開発する方法

VSCodeでSpring Bootを開発する方法「VSCodeでJava開発をする方法」でJava開発に必要なプラグインを紹介しました。今度はSpring Bootを開発する環境を整えてみたいと思います。さらに必要なプラグインは以下になり...
Visual Studio Code

VSCodeでJava開発をする方法

VSCodeでJava開発をする方法VSCodeでJavaを開発します。Visual Studio IntelliCodeがJavaに対応したので、Javaのコーディングをサポートしてくれます。これはEclipseやSTSにはない素晴らしい...
Visual Studio Code

VSCodeでファイル保存時に末尾の空白を削除(トリム)する方法

VSCodeでファイル保存時に末尾の空白を削除(トリム)する方法settings.jsonの設定で以下を設定します。"files.trimTrailingWhitespace": trueこれで保存時に末尾の不要な空白は削除(トリム)される...
Visual Studio Code

VSCodeのフォントをコーディング用のFira Codeにする方法

VSCodeのフォントをコーディング用のFira Codeにする方法最近Fira Codeなるフォントがプログラマーの間で流行っているようです。(多分)どうも合字というやつのようで、コーディングでよく使うコードが合字になるようです。とりあえ...
Visual Studio Code

Visual Studio IntelliCodeがJavaに対応したようです

Visual Studio IntelliCodeがJavaに対応したようです急速な勢いで開発されているVSCodeですが、そのプラグインのVisual Studio IntelliCodeがJavaにも対応したと発表されました。AIがコー...
Visual Studio Code

VSCodeでregionを使用してコードフォールディングする方法

VSCodeでregionを使用してコードフォールディングする方法いつからかこの#regionの機能が追加されていました。// #region何らかのコーディング// #endregionこのregionで指定した間が開閉できるようになって...
Visual Studio Code

VSCodeでlaunch.jsonを作成してデバッグする方法

VSCodeでlaunch.jsonを作成してデバッグする方法
Visual Studio Code

WSLをVSCodeで使う

WSLをVSCodeで使うWindows Subsystem for LinuxをVSCodeで使いたかったので、使い方を記載します。環境 項目 バージョン windows 10 Ubuntu 16.04.5 LTS VSCode 1.25...