見出し画像

Vue.jsの vue-cliを使ってみる。

参考にubuntuでやっていきます。

まずnodeの確認。

$ node -v
v10.8.0

コマンドラインインタフェースvue-cliをインストールします。

$ sudo npm install -g vue-cli

できたら

$ vue init webpack my-project

としてプロジェクトを作成していきます。

いくつか質問形式で聞かれるので、vue-router(Y/n) のみ、n として、他のものは Enter で進めていきます。

終わったら、my-projectディレクトリに移動して、

$ cd my-project

展開していきます。

$ npm run dev
 DONE  Compiled successfully in 3965ms                                6:04:05 AM
 I  Your application is running here: http://localhost:8080

とうことで、http://localhost:8080で公開されました。

公開されました。

これを、paiza Cloudでも試しましたが、最後のlocalhostでのブラウザでの確認ができませんでした。仮想化の上では見れませんでした。ubuntuでやってもみるとうまくいったので、仮想化上では何か問題があるようです。

いいなと思ったら応援しよう!