Vue.jsとVuetify.jsのインストールと初期設定方法




最近のフロントエンド技術のトレンドとしてVue.jsの流れが来ています。

今回はこのVue.jsのインストールから初期設定までを簡潔に解説したいと思います。

Vue CLIのインストール

Node.jsとnpmのバージョンは下記のです。

Vue.jsのプロジェクトを作るのにVue.jsのCLIツールを使います。yarn or npm で簡単にインストールできます。

Vue.jsのCLIを使ってプロジェクトを作成します。

Vuetifyを使うためにVueコマンドを使ってpackage.jsonにvuetifyを追加します。

これだけでVue.js + Vuetifyの雛形プロジェクトが完成です。

起動はyarn serveコマンドで出来ます。

http://localhost:8080/かhttp://192.168.100.105:8080/にアクセスすると雛形プロジェクトのページを見ることができます。

今後はより詳しい使い方を解説していきます。

The following two tabs change content below.

高妻智一

2013年CyberAgent新卒入社 スマホゲームを作る子会社に所属し、サーバーサイドのエンジニアを担当。2年目の終わりから新規子会社の立ち上げに参加し、サーバーサイドのエンジニアリーダーとしてサービースのリリースから運用までを担当。 2018年仮想通貨のスマホウォレットを提供するGinco Incにブロックチェーンエンジニアとして入社。






よく読まれている関連記事はこちら



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です