GitHub - meschg/vue-stack-cesium: A minimal sample configuration with vue, vuex, vue-router, vuetify, Typescript and cesium. (original) (raw)

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.5.x
• vite 5.4.x
• vuetify 3.7.x
• Typescript 5.6.x
• cesiumJS 1.122.x

vue related features

• vuex 4.1.x store with multiple files
• vue-router 4.4.x
• vite-plugin-cesium 1.2.x
• vite-plugin-vuetify 2.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 npm run dev

To build and preview

npm run build npm run preview

Screenshots 2021-12-30

Cesium Page with viewport using vite-plugin-cesium

Project Structure