Vue.js Quasar

先日、触れる機会があったのでQuasarについてまとめたいと思います。QuasarはVue.jsを基にしたフレームワークで、豊富なUIパーツやレスポンシブ対応画面の用意な実装。開発環境の手軽な立ち上げといった部分を特徴としています。

実際にQuarsarフレームワークでプロジェクトを作成する際には、バージョンやスクリプトのタイプを選択し各々の必要なカスタイマイズを済ませた状態のプロジェクトが出来上がるような仕様になっています。

// 以前のプロジェクト作成コマンド
 quasar create hoge

// 現在のプロジェクト作成コマンド(コマンド使用前にyarn,npmをquasarで使用可能にしておく必要あり)
 yarn create quasar
 npm init quasar

プロジェクトの作成が終われば、quasar devのコマンドを実行すればローカル環境が立ち上がりhttp://localhost:8080でQuasarの初期画面を表示する事が可能です。