Vite+Vue3+TypeScript+Cesium.js集成项目模板

查看node.js版本

Node.js版本 >= 12

# 查看Node版本：
node -v

使用 Vite 快速搭建

使用npm创建

npm init vite@latest

使用yarn创建

yarn create vite

使用pnpm创建

pnpm create vite

填写项目名称

选择vue

选择typescript

创建完成vite+ts环境

安装依赖包运行代码

浏览器运行出现此页面，查看调试代码无报错
安装cesium

pnpm i cesium
pnpm i vite-plugin-cesium -D
pnpm i --save-dev @types/cesium

如遇到上方报错使用命令安装rollup

pnpm install rollup

安装成功后在vite.config.ts引入如下代码

import { defineConfig } from "vite";
  import vue from "@vitejs/plugin-vue";
  import cesium from "vite-plugin-cesium"; // 引入cesium插件


  export default defineConfig({
    plugins: [
      vue(),
      cesium(), // 使用cesium插件
    ],
  });

清楚所有样式和案例代码
设置style.css内容为

*{
  margin: 0;/*所有元素margin 0px */
  padding: 0;/* 所有元素padding 0px */
}

设置app.vue内容

设置HelloWorld.vue内容

运行最终效果如下图

源码下载地址： https://download.csdn.net/download/u012425087/87640176