Creating you first app with Quasar Framework

In this article we will create our first Vue web-app with Quasar Framework. Like other modern frameworks Quasar has its own cli which helps you to create new app from templates. Let’s install it and create new app.

$ npm install -g @quasar/cli 
$ quasar create quasar-test

First questions are ordinary: names and your email.

Let’s pick “Sass with indented syntax”

Treeshaking reduces bundle size, it’ll help us in the future.

All of suggested points are required. ESLint for linting, TypeScript for type checking, Vuex for storing and managing data, Axios for performing requests to API, Vue-i18n for internationalization, IE11 support just in case :)

Composition API is the new feature of Vue.js which provides the new way to reuse component logic. Let’s try it.

ESLint preset is a matter of taste, I prefer standard.

I don’t mind yarn, but prefer to use NPM.

After template generation we got this file structure: