Vue 3 + Typescript + Vite + cesium

据不完全统计，现有的很多都是按照Cesium 官方的 webpack 教程（基本上使用vue3的都是搭配vuecli4.x）来开发的，很少使用vue3最优的vite工具开发实现，本demo项目使用Vue3.x、Vite2.x、Cesium.js进行开发，也方便学习和交流。

这里用到的是vite 搭配vite-plugin-cesium，能很好实现在vite使用cesium。

安装

npm i vite-plugin-cesium vite -D
# yarn add vite-plugin-cesium vite -D

配置

在 vite.config.js使用插件配置

...
+ import cesium from 'vite-plugin-cesium';
export default defineConfig({
  ...
+  plugins: [cesium()]
});

项目运行

1. 克隆项目

# git clone https://github.com/guixianleng/vue-vite-cesium.git

2. 安装依赖

# npm install or yarn or pnpm i

3. 运行

# npm run dev or yarn dev or pnpm run dev

预览图

使用 Gitpod

在 Gitpod（适用于 GitHub 的免费在线开发环境）中打开项目，并立即开始编码.