Cesium学习 (三)——使用vue3+ts运行Cesium
引言
vue3作为3大前端框架之一，且上手较为简单，再结合element-plus等样式库插件，能够快速搭建复杂的项目。因此使用框架进行Cesium的开发是我们必须掌握的技能。传统的Cesium项目都是手撕js,可是到如今现状，肯定是要集成到框架项目中。
1：使用Vue脚手架创建你的cesium项目
首先，你得需要安装环境(node,npm)这些在此不赘述；下述为例 使用vue命令行创建Vue项目
vue create cesium-app
此处默认vue3，创建好后本地启动(我用的是yarn),启动项目之后，直接将多余代码进行删除，
app 页面如下：
HelloWord页面修改为cesium:
安装 cesium 使用
yarn add cesium 安装cesium依赖，然后将node_modules里的cesium的只复制build中2个文件中的任意1个Cesium 到 vue项目中public文件夹中，重命名为Cesium，然后在index.html中写入如下代码：
PS：node_modules下两个文件夹分别是Cesium（压缩版本）/ CesiumUnminified（未压缩版本），随便哪一个都行
接下来进行cesium页面的编写：(简单的一个实例化，一般我们会直接import * as Cesium from 'cesium进行使用,但是这样会有一个问题：如下)
打开页面可以看到正常显示，但是图层图片丢失：
此处，我也不知道啥问题，只知道大概是引用路径问题，欢迎有兴趣的掘友解答😊😊😊
我是这样处理，因为我们之前将下载的cesium包复制到了vue的public文件夹下，也在index.html页面使用了，那么此时cesium默认已经存在了，那么我们只需要将它挂载到vue上(其实就是不使用npm的包，使用打包之后的)，打开main.js:
如此，我们便可以在vue上任意一个页面使用了，在cesium页面，我们可以改写一下：(只需要注掉原来引用的npm包的cesium，直接使用vue身上的cesium)
此时，页面图层完美显示：
结尾：
本人也是新手入门，文中如有不对的地方，欢迎各位JY指出，共同学习！共同进步！感谢观看！
