使用vite+vue3.0 创建一个cesium基础应用 ----01 项目搭建
创始人
2024-05-28 15:33:22

使用vite+vue3.0 创建一个cesium基础应用 ----01 项目搭建

1.使用yarn创建一个vite项目

  1. 我们可以在vite官网找到vite创建项目的命令 https://cn.vitejs.dev/
    vite官网
  2. 可以使用yarn创建项目使用yarn创建项目的方法
  3. 选择使用vue3.0框架，语言使用js 创建完成后结构如下：文档结构

2.找到vite社区中的cesium插件

1.前往官网中的cesium插件
官方插件
2.前往社区
社区插件
找到cesium插件
4.进入cesium社区
在这里插入图片描述

3.使用vite文档中的线上方式引用cesium的文档

  1. 在项目中安装cesium
npm i cesium vite-plugin-cesium vite -D
# yarn add cesium vite-plugin-cesium vite -D
  1. 在vite.config.js中引入cesium
    引入cesium
import { defineConfig } from 'vite';
import cesium from 'vite-plugin-cesium';
export default defineConfig({plugins: [cesium()]
});
  1. 在APP.vue文件中首次调用cesium vue页面完整代码如下
    调用cesium

4.运行项目，初始效果如下：

初始效果

上一篇：利润很吓人10个冷门创业项目你知道几个？ 利润很吓人10个冷门创业项目摆摊 适合新手的10个免费创业项目利润

下一篇：提升 Web 应用程序的性能：如何使用 JavaScript 编写缓存服务

相关内容

热门资讯

给空压机换上“中国关节” 本报讯 （记者 苏益纯 通讯员 洪江武） 运行温度降低20℃，设备振动值明显下降，各项指标均优于改造...
敏于监督　速于办案 　　本报讯（全媒体记者匡雪　通讯员赵元桢）“判决结果出来了，我们追诉的上游供货商、监督立案的下线买家...
实地走访　护“桂”有方 　　近日，广东省肇庆市高要区检察院检察官来到当地肉桂企业，了解企业经营发展现状，结合办案进行风险提示...
伊拉克称不追究外国石油公司“不... 当地时间3月20日晚，伊拉克石油部消息人士称，伊拉克政府决定对在伊外国石油公司负责开发的所有油田实行...
伊朗总统：无意与伊斯兰国家发生... 来源：新华网新华社德黑兰3月20日电 据伊朗伊斯兰共和国通讯社报道，伊朗总统佩泽希齐扬20日表示，伊...