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 = '' //改为自己申请的token
new Cesium.Viewer('cesiumContainer')
})
</script>
<style scoped></style>
6、运行
pnpm dev