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の画面が表示されたら成功
ディスカッション
コメント一覧
まだ、コメントがありません