SublimeLinter-html-tidyインストール【Mac版】|初心者のプログラミング学習【4】

Sublime Linter-html-tidy、Mac プログラミング
スポンサーリンク

こんにちは。
今日もHAPPY♪
ゆきだるママです。

前回インストールした、リアルタイムでコードのエラーチェックをしてくれる「SublimeLinter
これに加えて各言語のLinterのインストールが必要だということで、

今回は
「SublimeLinter-html-tidy」
こちらのインストール手順をご紹介します。

SublimeLinter-html-tidyをインストール

SublimeLinter-html-tidyは、HTML5の構文エラーチェックをしてくれます。

基本設定(n) → Package Control

Package Control: Install Packageをクリック。

SublimeLinter-html-tidyと入力して、クリック。

このような画面が出てきます。

一番下のURLをコピーします。

Homebrewをインストール

SublimeLinter-html-tidyはパッケージ管理システム「Homebrew」を使ってインストールします。
パッケージ管理システムというのは、パッケージをインストールしたりアンインストールしたりできるシステムのことです。

先ほどコピーしたURLをGoogleで検索

こちらのサイトにアクセスします

こちらをクリック。

するとこちらのサイトに移動します。
日本語にします。

こちらをコピーします。

ターミナルで実行する

Finder→アプリケーション→ユーティリティ→ターミナル

ターミナルをダブルクリックで開きます。


※個人情報の部分は消しています。

先ほどコピーしたものをそのまま貼り付けます。command+v

↩️を押しパスワード入力します。

ユーザーのパスワードです。
パスワードを入力しても、画面には文字は表示されません。

パスワードを入力したら、↩️キーを押してください。
正しくパスワードが入力されると、このような画面になります。

インストールが中断され、
「Press RETURN to continue or any other key to abort」
と表示が出てきたら、「RETURN」キー↩️を押します。

インストールが再開されます。
インストール終了までしばらく時間がかかりました。

最後の方に、
「Installation successful!」
と表示があれば、インストール完了です。

こちらのページに戻り、
次にこちらをコピーします。

ターミナルを開き、コピーしたものをターミナルに貼り付け「RETURN」キー↩️を押し実行します。

こちらはパスワード入力などなくすぐに終わりました。

これでインストール完了です。

※「command not found」と表示された場合は、【Home brew】のインストールが成功していない場合があります。
Home brewのインストールをやり直してみてください。

まとめ

パソコン操作に慣れた方などには簡単な操作かもしれませんが、初心者の私はかなり苦労しました。
私のような初心者の方のお役に立てればと思います。

CSSの構文エラーチェックをしてくれる「SublimeLinter-csslint」のインストールはこちら
SublimeLinter-csslintインストール|初心者のプログラミング学習【5】

これからも、自分の勉強方法や成果などを発信していきます。
このブログがたくさんの方のお役に立ちますように☆
最後まで見ていただきありがとうございました!

コメント

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