1.创建项目

cnpm create vite

2.安装依赖

npm i cesium vite-plugin-cesium vite -D

3.在vite.config.js里进行配置

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

4.组件内使用

<template><div id="cesiumContainer" style="width: 1000px"></div>
</template><script setup>
import * as Cesium from "cesium";
import { ref, reactive, onMounted, computed, watch } from "vue";const person = reactive({});
onMounted(() => {console.log(Cesium);const viewer = new Cesium.Viewer("cesiumContainer", {infoBox: false,});
});
</script>
<style scoped >
</style>