VUE + Vite构建Cesium

最新推荐文章于 2024-08-16 10:17:15 发布

s000rd

最新推荐文章于 2024-08-16 10:17:15 发布

阅读量761

点赞数

分类专栏： vue Cesium 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/s000rd/article/details/121172556

版权

Cesium 同时被 2 个专栏收录

6 篇文章 1 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何利用npm命令创建一个基于Vite的Vue项目，并集成cesium和vite-plugin-cesium插件。在App.vue文件中，展示了如何初始化Cesium Viewer。参考链接提供了Vite和插件的官方资源。

摘要由CSDN通过智能技术生成

安装vite

npm i create-vite

利用vite创建项目

npm init vite@latest cesium_vue_vite -- --template vue

cd cesium_vue_vite
npm i

安装vite-plugin-cesium

npm i cesium vite-plugin-cesium vite -D

App.vue中代码

<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import *  as Cesium from 'cesium';
import {onMounted} from 'vue';

onMounted(()=>{
  const viewer = new Cesium.Viewer('cesiumContiainer');
})

</script>

<template>
  <div id="cesiumContiainer"></div>
</template>

参考url

Vite官网：开始 | Vite中文网

vite-plugin-cesium：https://github.com/nshen/vite-plugin-cesium