?1、創建項目、選擇框架vue+js

pnpm create vite demo_cesium

2、進入項目安裝依賴?

cd demo_cesium
pnpm install

3、安裝cesium及插件?

3、pnpm i cesium vite-plugin-cesium

4、修改vite-config.js?

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import cesium from 'vite-plugin-cesium'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),cesium()],
})

5、刪除style.css,修改App.vue?

<template><div id="cesiumContainer"></div>
</template>
<script setup>
import { onMounted } from 'vue'
import * as Cesium from 'cesium'
onMounted(() => {Cesium.Ion.defaultAccessToken = '' //改為自己申請的tokennew Cesium.Viewer('cesiumContainer')   
})
</script>
<style scoped></style>

6、運行?

pnpm dev

?