BETA

【Quasar Framework】Quasar CLIでプロジェクトを作成する

投稿日:2020-03-14
最終更新:2020-03-14

概要

Quasar CLIを使用し、プロジェクトを作成します。

Quasar Frameworkとは

レスポンシブルなWebサイトおよびアプリを作成できるVue.jsベースのフレームワークです。
詳しくは以下で確認してください。

WhyQuasar?

環境

  • quasar v1.9.9
  • quasar/cli v1.0.5
  • node v12.16.0
  • npm v6.13.4

手順

Quasar CLIをインストールします。

# Node.js v8.9.0以上およびnpm v5以上が必要  
$ npm install -g @quasar/cli  

Quasar CLIを使用してプロジェクトを作成します。
今回はfooというプロジェクト名でプロジェクトを作成します。

$ quasar create foo  

質問に沿って作成を進めてください。

? Project name (internal usage for dev)  
? Project product name (must start with letter if building mobile apps)   
? Project description  
? Author  
? Pick your favorite CSS preprocessor: (can be changed later)  
    # 選択  
    Sass with indented syntax (recommended)  
    Sass with SCSS syntax (recommended)  
    Stylus  
    None (the others will still be available)  
? Pick a Quasar components & directives import strategy: (can be changed later)  
    # 選択  
    * Auto-import in-use Quasar components & directives  
      - slightly higher compile time; next to minimum bundle size; most convenient  
    * Manually specify what to import  
      - fastest compile time; minimum bundle size; most tedious  
    * Import everything from Quasar  
      - not treeshaking Quasar; biggest bundle size; convenient  
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)  
    # 選択  
    ( ) ESLint  
    ( ) Vuex  
    ( ) Axios  
    ( ) Vue-i18n  
    ( ) IE11 support  
? Pick an ESLint preset:  
    # 選択  
    Standard (https://github.com/standard/standard)   
    Airbnb (https://github.com/airbnb/javascript)     
    Prettier (https://github.com/prettier/prettier)  
? Cordova/Capacitor id (disregard if not building mobile apps)  
? Should we run `npm install` for you after the project has been created? (recommended)  
    # 選択  
    Yes, use Yarn (recommended)  
    Yes, use NPM  
    No, I will handle that myself   

プロジェクトが作成できたら、開発サーバーを実行してみましょう。

$ cd foo  
$ quasar dev  

ポートを変更していない場合はhttp://localhost:8080/#/で起動します。

参考文献

Quasar Framework
Quasar CLI Installation

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

備忘録メインです。

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう