n-Archives.net

Visual Studio Codeで html ファイルをPHPモードにする方法

目次

手動でPHPモードに変更する方法

Visual Studio Codeで、*.html ファイルを開くと、デフォルトでLanguage Mode は、HTMLモードとなります。

私の場合、(賛否両論あるようですが) *.htmlファイルにもPHPのコードを書いてしまっており、PHPのファイルとして作成しています。*.htmlファイルをVS Codeで開いた場合、以下の方法で、PHPモードに変更することができます。

 

index.html を開くと、画面の右下の青い行のところに HTML と表示され、HTMLモードで開かれていることが分かります。PHP部分の構文解析も正しく解釈されておらず、Intellisense も機能していないことが分かります。PHPモードに変更するためにはそのHTML と表示されている箇所をクリックします。

 

すると、Language Mode の一覧が表示されますので、適切な言語(今回の場合PHP)を選択します。

 

画面右下のLanguage Mode が PHPモードに変わっていることが分かります。エディタ表示のところもPHP構文に合わせた色分けがされていることが分かります。

 

htmlファイルを自動的にPHPモードとする方法

VS Code の設定で、*.html を読み込むと自動的に PHPモードにする設定にすることができます。

メニューバーから、File → Preference → Settings  と選択します。(または、Ctrl-, )

VS Codeの設定画面が表示されますが、その上部にあるフィルタ文字列入力欄に、"association" と入力します。

 

表示された設定項目の中に Files: Associations という項目が表示されますので、その "Add Item" ボタンをクリックし、Itemに "*.html"、Valueに "php" と入力して登録します。以下の画面で登録できていることを確認します。

 

すると、その後は、*.html ファイルは自動的にPHPモードで扱われるようになります。

 

 

Related Articles

 

コメントをお送りください
お名前:
コメント:
コメントの公開:



管理者より個人的に返信をご希望の方は、コメント中に必ずメールアドレスを記載してください。記載がないと返信できませんのでご注意ください。

If you want personal response from the author, please do not forget to write your email address in the comment. Otherwise, the author can not reply.

投稿されたコメントは手動で処理されるため、記事として登録されるまで1日程度かかります。

Submitted comments will be processed manually. So, please understand it will take about a day to publish your comment.