Code Monkey home page Code Monkey logo

vite-quasar's Introduction

Many thanks for JetBrains Open Source Development license for this project.

Vite 2.x + Vue 3.x + quasar 2.x starter ⚑

offical quasar vite cli is release.🌹 ,and you can go to official web site for more detail. then this branch will be the default branch. then some of the third part will migrate to this branch later.

This starter template also includes an plain :

Out of box functions

  • - api base axios
  • - pina as default state management
  • - backend service write in sprint bootComing soon]
  • - auth2 login with spring authorization server

FAQ

  1. why not use Windi CSS or Tailwind css?
    • because Unocss is much more powerful than windi css[windi css is master faster than tailwind] but provide consistent api.
  2. why not use unplugin-vue-components or unplugin-auto-import
    • because ts with volar provider best type support, and you don't need them anymore, but if you still want to use them ,just free to try.

TODO

some of the other are existed to use for improving your efficiency when use vue. they are waiting for discovered.

Checklist

When you use this template, try follow the checklist to update your info properly

  • Change the name and version in package.json
  • Change the title in index.html
  • Change the hostname in vite.config.ts
  • Change the favicon in public
  • Clean up the READMEs and remove routes
  • Clean up layouts and pages folder

And, enjoy :)

HOW TO USE

pnpm is recommended to use. also you use npm two.

npm i -g pnpm
pnpm install 
pnpm run dev

or

npm install 
npm run dev

vite-quasar's People

Contributors

fyeeme avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vite-quasar's Issues

Incorrect import in windicss.vue example

There is an incorrect import in the windicss.vue component.
This is currently making the build fail.

import { reactive } from '@vue/reactivity'  
import { onMounted, ref, watch } from 'vue'

should be

 import { onMounted, ref, watch, reactive } from 'vue'

' Cannot access 'generatedRoutes' before initialization' when HMR activates on 'default.vue'

It installs and runs without problems. But when you change any file ( e.g. default.vue) , that uses generatedRoutes from 'virtual:generated-pages', the HMR will generate an error:

client.ts:28 ReferenceError: Cannot access 'generatedRoutes' before initialization
    at router.ts:5:47
warnFailedFetch @ client.ts:28
(anonymous) @ client.ts:333
await in (anonymous) (async)
fetchUpdate @ client.ts:320
(anonymous) @ client.ts:74
handleMessage @ client.ts:72
(anonymous) @ client.ts:45
client.ts:30 [hmr] Failed to reload /src/layouts/default.vue. This could be due to syntax errors or importing non-existent modules. (see errors above)
warnFailedFetch @ client.ts:30
(anonymous) @ client.ts:333
await in (anonymous) (async)
fetchUpdate @ client.ts:320
(anonymous) @ client.ts:74
handleMessage @ client.ts:72
(anonymous) @ client.ts:45
default.vue:33 Uncaught (in promise) TypeError: Cannot destructure property 'default' of 'undefined' as it is undefined.
    at default.vue:33:36
    at client.ts:424:52
    at client.ts:340:7
    at client.ts:195:57
    at Array.forEach (<anonymous>)
    at queueUpdate (client.ts:195:35)

Error Unknown command "dev"

A brand new project created with npm init quasar throw Error Unknown command "dev" after use quasar dev

Operating System Windows_NT(10.0.22000) - win32/x64
NodeJs 16.13.1

Global packages
NPM 8.3.1
yarn Not installed
@quasar/cli 1.2.2
@quasar/icongenie Not installed
cordova Not installed

I'm getting some ts errors

Is there a way to fix these errors? I'm just starting to learn about type script this is over my head. Thanks for making this template by the way its a big help!

Screen Shot 2022-02-12 at 3 03 29 PM

Add SSR support

Hi
I'm using vitesse as my vue3 template. I added quasar vite plugin to it. problem is that no html is generated for quasar components when I build the project with vite-ssg.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.