Node.jsがインストールされていない場合は、公式ウェブサイトからダウンロードしてインストールしてください:https://nodejs.org/
コマンドプロンプトまたはターミナルウィンドウを開き、以下のコマンドを実行してQuasar CLIをインストールします:
npm install -g @quasar/cli
以下のコマンドを実行して、新しいQuasarプロジェクトを作成します:
quasar create my-project
このコマンドにより、”my-project”という名前のディレクトリに新しいQuasarプロジェクトが作成されます。
新しく作成したディレクトリに移動します:
cd my-project
以下のコマンドを実行して、開発サーバーを起動します:
quasar dev
ウェブブラウザを開き、以下のURLにアクセスしてください:
http://localhost:8080
デフォルトのQuasarウェルカムページが表示されます。
以下のコマンドを実行して、新しいページを作成します:
quasar new page hello
これにより、「src/pages」ディレクトリに「Hello」という名前の新しいページが作成されます。
新しく作成された「src/pages/Hello.vue」ファイルを編集し、以下のコードに置き換えてください:
<template> <div> <h1>Hello, world!</h1> </div> </template>
ファイルを保存してください。
前の「quasar dev」コマンドを停止し、再度実行して開発サーバーを再起動します。
ウェブブラウザを開き、以下のURLにアクセスしてください:
http://localhost:8080/hello
ページに「Hello, world!」というメッセージが表示されます。
おめでとうございます!Quasarが正常にインストールされ、”Hello, world!”のサンプルページが作成されました!