Visual Studio Code

php

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

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

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

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

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

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

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

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

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

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

VS Codeでチェックスタイル導入する

VS Codeでチェックスタイル導入するVS Codeでcheckstyleを導入する場合は「Checkstyle for Java」プラグインを使用します。「google_checks.xml」を落とします。プロジェクト直下でもどこでも良...
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を開発する環境を整えてみたいと思います。さらに必要なプラグインは以下になり...
Java11

VSCodeでJava開発をする方法

VSCodeでJava開発をする方法VSCodeはもはや何でもできます。Javaも開発できますし、Visual Studio IntelliCodeがJavaに対応したので、Javaのコーディングをサポートしてくれます。これはEclipse...
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 VSCo...
Visual Studio Code

VS Code のミニマップを消す方法

VS Code のミニマップを消す方法ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き"editor.minimap.enable...
Visual Studio Code

VS Code でnpm-scripts をサイドパネルからクリックして実行する

VS Code でnpm-scripts をサイドパネルからクリックして実行するpackage.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるように...
Visual Studio Code

VSCode で VS Live Share を試す

Microsoft がVS Live Shareを public preview で公開しています。VS Live Shareは複数人で1つのコードを編集することが可能となります。今回は、VSCodeでこの機能を使用してみたいと思います。前...
Visual Studio Code

VSCode でnode.js やGolang をデバッグする方法

VSCode でnode.js やGolang をデバッグする方法VSCodeでlaunch.jsonファイルを構成することによってnode.jsやGolangをデバッグすることができます。launch.jsonを開くには、「デバッグ」-「...
Visual Studio Code

VSCodeの便利なプラグイン

VSCodeの便利なプラグインVSCodeの便利なプラグインを紹介します。Code Runnerこのプラグインを有効にすると、ファイルにいきなりコーディングを書いて実行することが可能になります。ちょっとした動作確認などによく使います。Jav...
Visual Studio Code

Visual Studio Codeのターミナルの文字化けの回避方法

Visual Studio Codeのターミナルの文字化けの回避方法
Visual Studio Code

Visual Studio Codeのショートカットキー

Visual Studio CodeのショートカットキーVisual Studio Codeのショートカットキーのメモです。括弧に対応する括弧に遷移するctrl + shift + \ファイル検索するctrl + pJSONファイル整形(J...
Visual Studio Code

Visual Studio Codeで定義先、定義元に遷移する方法

Visual Studio Codeで定義先、定義元に遷移する方法
Visual Studio Code

Visual Studio CodeでJSON形式のファイルを整形する

Visual Studio CodeでJSON形式のファイルを整形するVisual Studio CodeでJSON形式のファイルを整形するショートカットキーです。Alt + Shift + fとタイプするときれいに整形してくれます。
ESLint

Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携)

Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携)
Visual Studio Code

Visual Studio Codeの使い方

Visual Studio Codeの使い方Visual Studio Codeという超軽量なIDEのようなものがこれから流行りそうなので使ってみました。ダウンロードはこちらからです。exeをダウンロードしたらダブルクリックします。「次へ」...
VSCodeプラグイン

VS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法

VS CodeのMarkdown PDFプラグインでpdfやhtml出力する方法