あとらすの備忘録

チラ裏のメモ帳

Vue-cliで遊んでたらTAB文字でハマった。

概要

Vue-cliで遊び始めたらTAB文字でハマったのでメモ。 4TABは絶対ダメだぞ。絶対だ。

環境

C:\>node -v
v6.11.2
C:\>vue --version
2.9.6

事象

チュートリアル通りにしているのにコンポーネントが何も表示されない。

ちなみにESLintをインストールしていなくてプロジェクトを作り直した際にインストールしたらビルドでERRORが発生して気づいた。

TAB文字をスペースへ変更

私の通常の設定はTAB空白(半角スペース4文字分)
これを変更する。

f:id:HM_Atlas:20181106224934p:plain

タブのサイズ:4を押下

f:id:HM_Atlas:20181106225130p:plain

スペースによるインデントを選択。
タブによるインデントを選択するとTAB空白になる。

f:id:HM_Atlas:20181106225226p:plain

2を選択しTABを押下した際のスペースを半角スペース2文字分とする。

以上

雑感

これにハマって日曜日夜更かしして会社遅刻した。