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 2.7.x
• vuetify 3.0.0-alpha.1x
• Typescript 4.5.x
• cesiumJS 1.88.xs

vue related features

• vuex 4.0.x store with multiple files
• vue-router 4.0.x
• vite-plugin-cesium 1.2.x
• vue-shortkey 4.0.x
• vue composition API examples with multiple files

Known issues

• 3rd button in AppBar does not show text
• invalid assets urls of /assets /public when using dev or build
• rebuild of cesium with vite-plugin-cesium in vite.config.ts not working
• ?

Project setup

use npm with vite

git clone/unzip
npm install
npm install -g vite vitejs
vite dev

OR: Use vue-cli

git clone/unzip
npm install
npm install -g @vue/cli
vue ui

Screenshots 2021-12-30

Cesium Page with viewport using vite-plugin-cesium

Project Structure