【VSCode】 「.htaccess」をシンタックスハイライト表示したい

この記事は約2分で読めます。
記事内に広告が含まれています

エディター画面

こんにちは、さち です。

普段、ウェブサイトを作るときは「Visual Studio Code(以下:VSCode)」を使っています。動作が軽く色々な機能も追加できるのに、無料で利用できる最強のコードエディターアプリです。

ただ、VSCode はデフォルトの状態だと、「.htaccess」ファイルのコードに色を付けて見やすくする「シンタックスハイライト(構文強調表示)」ができません。

サーバーを管理していると、「.htaccess」ファイルを扱う機会が多いので、少し困っています……。

スポンサーリンク

言語モードが「Markdown」になってしまう

  1. VSCode で「.htaccess」ファイルを開きました。しかし、シンタックスハイライトが一部にしか効いてません。
    エディター画面
  2. 原因は、言語モードが「Markdown」になっていることです。デフォルトの状態の VSCode は「.htaccess」ファイルに未対応なんですよね……。
    シンタックスハイライト

拡張機能で解決する

  1. アクティビティバーから「拡張機能Ctrl + Shift + X)」を開きます。
    拡張機能
  2. 「検索」に apache と入力します。
    拡張機能の検索
  3. Apache Conf」の「インストール」ボタンをクリック。
    拡張機能の検索
  4. インストールが完了したら、ウィンドウ右下にある「言語モード(例では Markdown)」をクリック。
    シンタックスハイライト
  5. Apache」を選択します。
    シンタックスハイライトの一覧
  6. 「.htaccess」ファイルが、シンタックスハイライト表示されるようになりました。
    エディター画面
拡張機能「Apache Conf」を導入した後は、「.htaccess」ファイルを開くと、言語モード(シンタックスハイライト)が自動で「Apache」になります

【余談】 なぜ「Apache Conf」という名前?

Apache」とは、サーバーを管理するソフトウェアの名前です。

サーバーの動作を変更したいときは、Apache の「conf」ファイルに記述します。この「conf」ファイル用のシンタックスハイライトだから、拡張機能の名前が「Apache Conf」なわけです。

では、「.htaccess」ファイルが何なのかと言うと、「conf」ファイルと同じ事をディレクトリー毎に指定できるものです。

つまり、「.htaccess」ファイルの記述形式は「conf」ファイルとほぼ同じ。だから、「Apache Conf」のシンタックスハイライトは「.htaccess」ファイルにも有効です。

最近のサーバーでは「Apache」以外のソフトウェアを使うこともありますが、サーバーの管理方法として Apache の「.htaccess」が使えるようになっていることが多いです。

コメント

タイトルとURLをコピーしました