MENU
カテゴリー
アーカイブ
だいち
このブログの管理者
異業種で仕事をしながら、副業でWeb制作をしているアラサーリーマンです。
日々の勉強の記録や、お役立ち情報を発信していきます。
ホームページ制作などのお仕事に関するご依頼やご相談は、運営者情報のお問い合わせフォームかSNSのDMにて宜しくお願いします。

【JDKインストールの流れ】VSCodeでW3Cバリデーションチェック

【JDKインストールの流れ】VSCodeでW3Cバリデーションチェック

どうも、ダイチです。

VSCodeにはW3Cに準拠したバリデーションチェックができる「W3C Validation」という拡張機能があります。

この拡張機能はただインストールしただけだと使えません。

JDKというツールをインストールする必要があるので、この記事ではその一連の流れを説明します。

VSCode拡張機能についてまとめた記事がありますので、良かったらこちらもご覧ください。

あわせて読みたい
【2021年】Web制作で使えるVSCodeオススメ拡張機能16選!
【2021年】Web制作で使えるVSCodeオススメ拡張機能16選!どうも、ダイチです。今回はVSCodeで使っている拡張機能を紹介します。他記事では利用シーンや用途分けがされてないことも多く、とりあえず入れてみたもののどんな機能...
目次

W3C Validationのインストール

まずはVSCodeの拡張機能メニューからインストールできます。

僕は既にインストール済みなので実際の表示と異なりますが、未インストールの方はここからインストールできます。

W3C Validationインストール画面

インストールすると右下にエラー表示されます。

Get Java Platformをクリックしてインストール画面に飛びます。

エラー表示

Java SE Development Kit(JDK)インストール画面

リンク先はこちらになります。

ダウンロードは下記位置にあるリンクから入ってください。

JDKインストールサイト

JDKインストール画面

使用しているPCのOS Installerをクリックしましょう。

インストール画面

ローカルのセットアップ

ファイルをダウンロードして、appをクリックしたらインストールのダイアログが開きます。

セットアップファイル

ダイアログは「次へ」で進めていきましょう。

vscode 再起動

ここまでの工程を進めたらVSCodeを再起動しましょう。

エディタ内のエラー表示が消えてるのを確認したらOKです。W3C Validationは自動で起動します。

時間がある人はPC自体の再起動もしておきましょう!

【JDKインストールの流れ】VSCodeでW3Cバリデーションチェック

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント

コメントする

CAPTCHA


目次
閉じる