Quasar Framework

3ステップで試す

1. 1

   Quasar 2.34.0とVue 3.5.43を固定して導入する

   一時npm projectへreview対象のQuasar UIとVueを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/quasar.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact quasar@2.34.0 vue@3.5.43コピー
2. 2

   package versionを確認する

   QuasarとVueが想定したversionで解決されていることを確認します。

   test "$(node -e "const fs=require('fs'); const v=p=>JSON.parse(fs.readFileSync(p)).version; console.log(v('node_modules/quasar/package.json')+'/'+v('node_modules/vue/package.json'))")" = '2.34.0/3.5.43'コピー
3. 3

   server exportから主要UI APIを確認する

   browserを起動せず、Node向けexportから代表的なQuasar APIを確認します。

   test "$(node --input-type=module -e "import * as Q from 'quasar'; console.log(['Quasar','QBtn','QTable','useQuasar'].every(k=>k in Q))")" = 'true'コピー

Built with

• JavaScript
• Vue
• Electron

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Storybook91,200 Stars

  共通タグ 4件

  UI状態をstoryとして保存し、Docs・interaction test・AI toolへ再利用するfrontend workshop

  TypeScript
• React250,891 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  コンポーネントを組み合わせてWeb・ネイティブUIを構築するJavaScriptライブラリ

  JavaScript
• SortableJS31,186 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  リスト要素を同一・別リスト間でドラッグ＆ドロップ並べ替えし、タッチ操作にも対応する

  JavaScript
• GSAP28,810 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  timeline・tween・scroll連動を組み合わせて高度なWeb animationを制御する

  JavaScript
• Select225,907 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  native selectをsearch・multi-select・AJAX・tagging対応のrich selectorへ拡張する

  JavaScript
• SweetAlert218,098 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  alert・confirm・promptをWAI-ARIA対応のpopupへ置き換え、Promiseで結果を受け取る

  JavaScript