Werge Blog

Back

Quasar/Vue Development SetupBlur image
  • Introduction to Quasar and Vue ecosystem
    • Why is quasar and vue a good choice?
  • Environment that was already prepared.
  • Quick installation of Node and NPM via NVM
  • Installation of Quasar CLI globally
  • Initialize fresh project using the Quasar CLI
  • Quick overview of the project structure
    • Additional files that we create(preetier config, vscode settings)
  • Demonstrate execution dev server using command in terminal
  • Introduce our workflow of using tasks to execute common repetative commands:
    • Run dev server
    • Update Quasar Dependencies (Check vs Actual)
    • Update Global Quasar CLI
    • Update NPM
    • Run linter
  • Show a sample development that covers:
    • layouts
    • pages
    • components
    • styles
    • routes
    • public src/assets
    • utils for validations.
  • Redemonstrate execution of dev server using vscode tasks
  • Add cypress testing extension
  • Show test execution and code coverage generation
  • Demonstrate distribution generation
    • Also showcase distributable build hosted behind nginx docker
Quasar/Vue Development Setup
https://astro-pure.js.org/blog/1-quasar-project-setup
Author Werge
Published at 13 February 2026