Quasarのはじめかた

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!”のサンプルページが作成されました!

コメントを残す

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

 

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください