質問するログイン新規登録
Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1320閲覧

【vscode】blade独自タグが赤くならないようにしたい Laravel Blade Snippets

atsuaa0618

総合スコア9

Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2023/04/06 08:58

0

0

実現したいこと

vscodeでlaravelを使って開発をしています。
bladeの開発環境を整えるため、
拡張機能『Laravel Blade Snippets』をインストールし、
拡張子blade.phpのファイルの言語設定をHTMLからBladeにしたところ、
独自タグ(<x-compoment />でなどのlaravelのカスタムコンポーネントタグはない独自のタグ)のタグ名が赤く表示されてしまいます。
(通常だと青く表示される)

デフォルトの設定だと、赤く表示されるのはタグ名が間違っているときや存在しないタグを利用している時だと認識しています。(<duv></duv>とか<hoge></hoge>と打ったら赤く表示される)

開発自体はできるのですが不便です。
独自タグでも通常通り青く表示できるように設定するにはどうすればよろしいでしょうか。

前提

拡張機能『Laravel Blade Snippets』をインストールし、拡張子blade.phpのファイルの言語設定をHTMLからBladeにした。

発生している問題・エラーメッセージ

独自タグ(laravelのカスタムコンポーネントタグ<x-compoment />ではない独自のタグ)のタグ名が赤く表示されてしまいます。
(通常だと青く表示される)

具体的には、livewire関連のタグです。
<livewire:counter />など

該当のソースコード

Blade

1このような存在するタグ名は青く表示される 2<button></button> 3このようなlaravel仕様のカスタムコンポーネントのタグ名は青く表示される 4<x-button></x-button> 5livewireが提供する独自タグのタグ名は赤く表示される 6<livewire:counter />

試したこと

settings.jsonの設定ファイルを開いて許容するタグ名を追加する方法などを調査したが解決策が見つからなかった。

補足情報(FW/ツールのバージョンなど)

vscodeでlaravelを使って開発
vscode:4/3時点のものを公式からインストール(最新のアップデートの状態)
laravelバージョン:10
インストールした拡張機能:
Laravel Blade Snippets(バージョン:v1.34.0)
(他にはGit lens, Japanese Language Pack for Visual Studio Code)

laravelのbladeやカスタムコンポーネントについての公式ドキュメント
https://readouble.com/laravel/10.x/ja/blade.html

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

どのような独自タグ名も赤くなるのを回避する方法は見つかりませんでしたが、livewireの拡張機能をインストールすることで、<livewire:counter />などのタグ名が青く表示されるようになりました。

ひとまず直面していた問題は回避できたので自己解決とします。

インストールした拡張機能:
Livewire Language Support(v0.2.8)

投稿2023/04/06 09:03

atsuaa0618

総合スコア9

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問