Introduction to Quasar and Package Managers

Initiating Quasar Project Creation

Project Folder and Name Configuration

Choosing Quasar and Vue Versions (Quasar 2, Vue 3)

Selecting JavaScript for Project Type

Vite 5 for CLI Variant

Setting Package Name, Product Name, and Description

Selecting Component Style (Composition API with Script Setup)

Choosing CSS Preprocessor (SAS)

Including ESLint for Code Quality

Exploring Quasar Boot File Examples

ESLint Preset Preference (Standard)

Installing Dependencies and Opening Project in VS Code

Running Quasar in Different Modes (SPA, SSR, Electron)

Installing Quasar CLI for Easier Commands

Developing in SPA Mode (Default Quasar App)

Developing in SSR Mode

Developing in Electron Mode and Dependencies

Understanding Platform-Specific Directories

Electron and SSR Specific Code

Note on Capacitor and Mobile Apps

Modifying the Index Page Component

Cleaning Up Component Definition

Rearranging Script Tag for Convention

Replacing Image with Q-Button and Quasar Component Prefixes

Automatic Import and Typing of Quasar Components

Adding Button Label and Color

Running the Server and Viewing the Button

Formatting the Button in View Style

Next Steps: Setting Up ESLint