基于Vue3 + Cesium的简易开发模板

Vue3 + Cesium

基于Vue3 + Cesium的简易开发模板：GitHub - vue3-cesium-start

1 克隆项目

git clone https://github.com/syzdev/vue3-cesium-start.git

2 项目初始化，安装依赖

npm i

3【可选】配置，以下配置非必须，根据实际情况选择

补全src/common/js/config.js中的Token信息：

• CesiumIonDefaultAccessToken：前往 https://cesium.com/ 中注册账号，详细教程，并且创建Token；

4 导出样式

第一次npm run serve编译项目时会报错，错误信息如下：

报错原因为node_modules中的cesium库并没有导出widget.css文件，导致在引入widget.css时找不到该文件，究其原因为Cesium在模块化导出方面没有做的很完善，解决方法如下：

1. 在项目目录下的node_modules文件夹中找到cesium文件夹；
2. 在node_modules/cesium文件夹下找到package.json文件；
3. 在package.json文件中的"exports"字段下添加"./widgets.css": "./Source/Widgets/widgets.css"。

具体代码如下：

"exports": {
  "./package.json": "./package.json",
  ".": {
    "require": "./index.cjs",
    "import": "./Source/Cesium.js"
  },
+  "./widgets.css": "./Source/Widgets/widgets.css"
},

5 项目编译

npm run serve

6 项目打包

npm run build