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

JavaScript, vue.jsjavascript, vue-cli, vue.js, 環境構築


Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 86

Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 105

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

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

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

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

vue-cliの使い方

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