見出し画像

Lintツールは突然に

前回の「Vue Routerとやらで表示の切替えチャレンジ」の続き。本日は↓こちらのQiita記事も参考にさせていただいて、ヘッダとフッタも付けていきます。

画像1

(いろいろ面倒くさくなったのでCSSはPostCSSでいくことにしました。おばちゃんSassもまともに書いたことないし)

さて、Home.vue、HelloWorld.vue、GlobalHeader.vue、GlobalFooter.vueを作成・書き換え、いよいよ表示させます!

npm run serve

待てど暮らせど、黒い画面(シェル)にいつもの

  App running at:
 - Local:   http://localhost:8080/
 - Network: http://192.168.10.10:8080/

が出てこない。待ちくたびれのでとりあえず、http://localhost:8080/にアクセスしてみます。

こ、これは・・・

画像2

ESLint。これが噂のLintツールってやつですね? ってか、エラー出てる・・・

LFじゃなくてCRLFがあった? オッケーOK、改行コードが違うってことか。こういう修正だったら朝飯前よ。っと、今度はカンマが無いとかセミコロンが無いとか、ひえーーーーーー。エラー吐きまくりっ。

ちょっと休憩してきます。本日はこれにて。

この記事が参加している募集

おうち時間を工夫で楽しく

WEBデザイナー(自営業)のおばちゃんです。最近はBlenderネタ多めです。