Notice: Trying to access array offset on value of type bool in /home/himariweb/www/wp/wp-content/themes/luxeritas/inc/json-ld.php on line 114

vue-cliのインストールから起動まで

npmをインストールした状態から

vue-cliのインストール

npmコマンドからvue-cliをインストールして
vue initコマンドで使用するテンプレートとプロジェクトフォルダーを指定します。

npm install --global vue-cli
vue init webpack my-project

実行

作成したプロジェクトフォルダーに移動して
実行コマンドを打ちます。

cd my-project
npm run dev

実行できたら
Your application is running here: localhost:8080
と表示されるのですが、virtualbox上で実行してる場合はブラウザでlocalhost:8080としても当然表示されないわけで。

アクセスするアドレスを変更

config/index.jsのdev.hostがlocalhostになってるのでここをvirtualboxへのアドレスに変更します。
デフォルトだと192.168.33.10とかだと思います。

変更した後再度実行してブラウザから192.168.33.10:8080でアクセスしてvueの画面が表示されたら成功