![見出し画像](https://assets.st-note.com/production/uploads/images/26719380/rectangle_large_type_2_a1db3c329664426c4c09fc1d63d3cc64.jpg?width=800)
Lintツールは突然に
前回の「Vue Routerとやらで表示の切替えチャレンジ」の続き。本日は↓こちらのQiita記事も参考にさせていただいて、ヘッダとフッタも付けていきます。
![画像1](https://assets.st-note.com/production/uploads/images/26719531/picture_pc_a5a9eb6c434f39d518da14b50dd293d9.png?width=800)
(いろいろ面倒くさくなったので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](https://assets.st-note.com/production/uploads/images/26719676/picture_pc_c307187535d2f81fa91be2ebf977b5c2.png?width=800)
ESLint。これが噂のLintツールってやつですね? ってか、エラー出てる・・・
LFじゃなくてCRLFがあった? オッケーOK、改行コードが違うってことか。こういう修正だったら朝飯前よ。っと、今度はカンマが無いとかセミコロンが無いとか、ひえーーーーーー。エラー吐きまくりっ。
ちょっと休憩してきます。本日はこれにて。
WEBデザイナー(自営業)のおばちゃんです。最近はBlenderネタ多めです。