MENU

IDE/エディターの記事一覧

このカテゴリはIDE(統合開発環境)やエディターなどについて書いています

Visual Studio Code(VSCode)でPHPを使ってプログラム開発を行うの必要な準備からコード作成、デバッグまでの流れをまとめてみます。ここではブラウザ上で動作するJavaScriptもデバッグできるように設定します。

VSCodeでブラウザ上で動作するJavaScriptをデバッグするとき、ブレークポイントで停止してくれないということがあります。localhostのままなら動作するけれど、XAMPPのバーチャルホストでドメインを設定した場合などは停止しないですね。こんな時の対処法をお伝えします。

XAMPP等のローカルWebサーバーのドキュメントルート内で、サブディレクトリ単位でプロジェクトを作成するケースがあると思う。そこで実際に作業をしてみたのですが、JavaScriptのデバッグ時にブレークポイントで停止してくれませんでした。解決方法を調査したので、お伝えします。

Visual Studio Code(VSCode)でNode.jsを使ってプログラム開発を行うの必要な準備からコード作成、デバッグまでの流れをまとめてみます。

VSCodeはターミナル起動時のオプション等をargプロパティ等で指定できます。しかし、setting.json や tasks.json など複数の設定がまじりあい、その結果オプション不正などでエラーになることがあります。そこで今回は、VSCodeがどのようなコマンドでターミナルを起動しているのか確認する方法をお伝えします。

VSCode内だけでターミナルのパス設定を変更したいときがあります。今回はその方法を解説します。

VSCodeの文字コードは規定では UTF-8 が使用されます。しかし他のエンコードで保存や読み込みをすることがあります。今回は、文字エンコードを変更する方法をお伝えします。

VSCodeを使っていると、ターミナルで文字化けすることがあります。対処法についてお伝えします。

VSCodeはタスクという機能があります。便利そうなので、まとめてみました。毎回コマンドを入力するのは面倒です。そこで起動するコマンドを登録しておき、簡単な操作で実行できると作業効率が上がりますね。その仕組みがタスクです。

VSCodeのタスクを定義する task.json には、problemMatcherというキーを登録できます。少し時間がかかりましたが英語のドキュメントと格闘して使い方を理解しました。あまり使う機会がないという印象です。しかし、せっかく調べたので忘れないうちに内容をまとめておきます。

プログラミングをしてると、同じようなコードを何度も入力することがあります。このようなコードは定型文として登録しておけると、入力の手間が省けるのでプログラム開発の効率が上がります。VSCodeには、スぺニットという定型文を登録する機能があります。今回は、このスぺニットについて紹介していこうと思います。

複数の行の同じ桁位置に、同じ文字を入力したいことがたまにあります。カーソルを移動しながら文字を入力するだけですが、行が多いとめんどうになってきますね。VSCodeは、複数の行にカーソルをセットできる機能があります。この機能を使うと、めんどうな作業を効率化できます。

VSCodeは様々なコマンドが定義されています。コマンドの一部はキーボードからのショートカットキーで実行できます。キーを押すだけで実行できるので、ラクチンですね。しかしショートカットが設定されていないものは、メニューやコマンドパレットを経由して実行します。たまに使うものなら気にならないのですが、よく使うものは手間に感じますね。そこで今回は、ショートカットとして登録されていないコマンドにショートカットキーを登録したり、設定済みのコマンドを変更する方法をお伝えします。

VS Codeでターミナルを開くと、シェルの機能が使える。Node.jsなどでnpmを実行するときなど、便利です。しかしWindowsではWindows PowerShellが起動します。僕は今までコマンドプロンプトしか使ったことが無いのですが、一部のコマンドの仕様が異なるため時々途方にくれたりします。そこで、ターミナルで起動するシェルを Windows PowerShell からコマンドプロンプトに切り替えてみます。

最近僕はVS Codeを使い始めました。今まで多くのエディターや統合環境でプログラミングしてきましたが、初めて使うツールは使い方を把握するまで苦労しますね。今回は、始めての方でもJavaScriptとHTMLの組み合わせでコード作成とデバッグまでできるように、最低限の手順を説明したいと思います。

プログラムコードで文字列やコメント以外に全角スペースがあると、エラーになります。昔のエディターは全角スペースと半角スペースの見分けができなくて、探し出すのに非常に苦労しました。そんな古いプログラマーな僕は、一目で全角スペースがわかると嬉しかったりします。そこでVSCodeで、全角スペースと、ついでの半角スペースおよびタブを可視化してみます。

page:1 記事数:26