vue.js、Vuetifyの開発環境を作る

技術進歩が昨今著しいフロント業界ですが、今回はよく使用されているフレームワークあれるVue.jsの開発環境を構築します。

npm install vue

これで最新の安定版のVueがインストールできます。

github上の最新コードからインストールを行う場合は以下のように行います。

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

vueコマンドが使用できるようになったので以下コマンドでvueの開発環境を構築します。

vue create my-app

作成されたフォルダに移動します

cd my-app

Vue.jsの便利なUIコンポーネントである、Vuetifyをインストールします。他にもvue bootstrapなど様々なコンポーネントが用意されているので、お好みに合わせて実装すると良いでしょう。

vue add vuetify

最後に正しくインストールされているか確認しましょう。

npm run serve

Witten by Masa

情報工学系学部卒のエンジニアです。メインはフロントエンドですが、そのほかにもPython,PHP,GAS,など色んな言語、開発、データ分析、マーケティングなど手広くやってます。