meschg / vue-stack-cesium

A minimal sample configuration with vue, vuex, vue-router, vuetify, Typescript and cesium.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-stack-cesium

A minimal sample configuration project which shows how to combine and use certain packages and is a useful testing project for new updates. This project is being maintained regulary to the new compatible versions of the used packages. Certain syntax and configuration is applied in a hopefully understandable and reusable way.

Contributions in form of best practices or corrections are welcome!

Core features

  • vue 3.2.x
  • vite 4.3.x
  • vuetify 3.2.x
  • Typescript 5.0.x
  • cesiumJS 1.105.x

vue related features

  • vuex 4.1.x store with multiple files
  • vue-router 4.1.x
  • vite-plugin-cesium 1.2.x
  • vite-plugin-vuetify 1.0.x
  • vue-shortkey 4.0.0 [to be removed]
  • vue composition API examples with multiple files

Known issues

  • invalid assets urls of /assets /public when using dev or build Fixed?
  • rebuild of cesium with vite-plugin-cesium in vite.config.ts maybe not working Fixed?
  • ?
  • ...

upcoming changes

  • replace vue-shortkey with something else

Project setup

use npm with vite

git clone/unzip
npm install
npm install --location:global vite
vite dev

OR: Use vue-cli

git clone/unzip
npm install
npm install --location:global @vue/cli vite
vue ui

Screenshots 2021-12-30

Cesium Page with viewport using vite-plugin-cesium

2021-12-30 19_40_40-vue-stack-cesium-vue-3-migration

Project Structure

2021-12-30 19_29_35-vue-stack-cesium-vite-file-structure-VSt-Code

About

A minimal sample configuration with vue, vuex, vue-router, vuetify, Typescript and cesium.

License:Creative Commons Zero v1.0 Universal


Languages

Language:Vue 71.9%Language:TypeScript 25.2%Language:HTML 2.8%Language:SCSS 0.1%