vue-cliで簡単にvue.jsを触ってみた

2020年1月13日JavaScript, vue.jsjavascript, vue-cli, vue.js, 環境構築

vue.jsを簡単に使ってみたい

laravelやvue.jsを使ってweb開発をしていましたが、今回は別のことを試してみたくサンプルを簡単に作りたいと思いました。

vue-cliを使えば簡単にvue.jsのプロジェクトを作ることができる?

vue-cliでは、cli上でvue.jsのテンプレートを作成することができ、簡単に環境構築を行うことができるというものです。

vue-cliの使い方

vue-cliをグローバルにインストールする。 vue.jsのプロジェクトを作りたいディレクトリで以下のコマンドを実行することで、vue.jsのプロジェクトが作成される。 作成されたプロジェクトのルートディレクトリで以下のコマンドを実行することでlocalhostの8080番ポートにvue.jsのサンプルが立ち上がり、http://localhost:8080でアクセスすることで確認をすることができる。