Visual Studio Code

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上でもプラグインを入れれば簡単に実行することができます。 C...
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 @re...
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で\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...
VSCodeプラグイン

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

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

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

VS Codeでチェックスタイル導入する - 【Java】 2通りの方法があります。 VS Codeプラグイン Gradleのcheckstyleプラグイン VS Codeプラグイン VS Codeでcheckstyleを導入する場合は「C...
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 Lin...
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...
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-camera HTML5 ~省略~ <button...
Cordova

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

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

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

VSCode+Cordovaでconsole.log()を出力する VSCode+Cordovaでconsole.log()を出力すべく、cordova-plugin-consoleを追加します。 cordova plugin add co...
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や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....
Visual Studio Code

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

VS Code のミニマップを消す方法 ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。 ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き "editor.minimap.ena...
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 このプラグインを有効にすると、ファイルにいきなりコーディングを書いて実行することが可能になります。 ちょっとした動作確認などによく使います...
Visual Studio Code

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

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

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

Visual Studio Codeのショートカットキー Visual Studio Codeのショートカットキーのメモです。 括弧に対応する括弧に遷移する ctrl + shift + \ ファイル検索する ctrl + p JSONファ...
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出力する方法
Visual Studio Code

VSCodeでサイドバー、エディタ、ターミナル間をショートカットキーで移動する

VSCodeでサイドバー、エディタ、ターミナル間をショートカットキーで移動する サイドバーにフォーカスを置くにはctrl + 0です。 エディタにフォーカスを置くにはctrl + 1です。 ターミナルにフォーカスを置くショートカットはデフォ...