超快速搭建Vue3 + Vite + Cesium 开发环境

news/2025/1/7 21:37:55/

发现一个大神写的插件,使用非常方便

GitHub - nshen/create-cesium: 🌏 Create blazing fast Cesium apps with no configuration.🌏 Create blazing fast Cesium apps with no configuration. - GitHub - nshen/create-cesium: 🌏 Create blazing fast Cesium apps with no configuration.https://github.com/nshen/create-cesium

  • 📢 Cesium + React template ( new )
  • 📢 Cesium + Vue 3 template ( new )
  • 📦 Both TypeScript and JavaScript
  • 🔑 Fully Typed Cesium ES6 API
  • 💡 Instant Dev Server Start
  • ⚡️ Lightning Fast HMR

包含了 TypeScript 和 JavaScript 两种选择。自带 Cesium ES6 API 语法提示,自带 dev server,保存代码实时刷新。

创建项目后,有些包有些老,package.json手动更新下

{"name": "cesium-project","workspaces": ["./*"],"private": true,"version": "0.0.0","license": "private","scripts": {"dev": "vite","build": "vue-tsc --noEmit && vite build","serve": "vite preview"},"dependencies": {"cesium": "^1.105.0","rollup": "^2.79.1","rollup-plugin-external-globals": "^0.7.3","vue": "^3.2.47"},"devDependencies": {"@vitejs/plugin-vue": "^4.1.0","@vue/compiler-sfc": "^3.2.47","cesium": "^1.105.0","typescript": "^4.9.5","vite": "^4.2.0","vite-plugin-cesium": "^1.2.22","vue-tsc": "^1.2.0"}
}

然后

yarn install

搞定,大功告成!


http://www.ppmy.cn/news/57557.html

相关文章

Django form组件 - 神奇的后端直接渲染HTML

前言 之前在HTML页面中利用form表单向后端提交数据时会写一些获取用户输入的标签并且使用form标签将其包裹起来。并且很多场景下都需要对用户的输入做校验,比如用户输入的长度和格式等,如果用户输入的有误就需要在页面上相应的位置显示相应的错误信息。…

小 C 的数学(math)

祝大家劳动节快乐!!小手动起来 言归正传┏ (゜ω゜)☞ 题目描述 小 C 想要成为一名 OIer,于是他提前学习数学,为 OI 做好铺垫。这一天,他的数学老师给了一道题:给定正整数 a,以及给定一个区间 …

789. 数的范围(C++和Python3)——2023.5.3打卡

文章目录 QuestionIdeasCode Question 给定一个按照升序排列的长度为 n 的整数数组,以及 q 个查询。 对于每个查询,返回一个元素 k 的起始位置和终止位置(位置从 0 开始计数)。 如果数组中不存在该元素,则返回 -1 -…

【VAR | 时间序列】应用VAR模型时的15个注意点

一、前言 向量自回归(VAR,Vector Auto regression)常用于预测相互联系的时间序列系统以及分析随机扰动对变量系统的动态影响。 VAR方法通过把系统中每一个内生变量,作为系统中所有内生变量的滞后值的函数来构造模型,从而回避了结构化模型的…

Java入门云计算:从基础到实践

前言 随着云计算的普及,越来越多的企业开始将应用部署在云上。作为广受欢迎的编程语言,Java在云计算中具有诸多优势。本文将为你介绍Java在云计算中的优势、Java做云计算的入门案例及分析,并教你如何使用Java实现简单的云计算应用。 云计算…

VMware12安装图解

目录 一、介绍VMware虚拟机 二、安装VMware12虚拟机 三、VMware虚拟机内部新建虚拟机 清理磁盘 一、介绍VMware虚拟机 VMware是一个虚拟机。 什么是虚拟机?字面意思‘虚拟’,那就不算是真的;‘机’可以理解为一台电脑或者一个电脑系统。…

Selenium实战教程系列(二)---元素定位

Selenium webdriver能够模拟人对浏览器进行操作的前提是界面元素的定位。元素的定位可以说是Selenium自动化脚本的基础。这一小节笔者将介绍如何在selenium中进行元素的定位。 定位元素的方法 Selenium中提供了以下定位元素的方法: 首先看一个HTML文件 test_page.…

《Netty》从零开始学netty源码(四十七)之PooledByteBuf的方法

setBytes() 从channel中读取数据并写到PooledByteBuf中,分配缓存的过程与getBytes一样,只是duplicate为false。 capacity() 动态更新容量,根据新传入的容量值更改length。 如果新容量值与旧值相同则无需扩容如果为非池化内存则根据新容量值…