超级会员免费看
本文介绍了如何使用 Vite 构建一个 Vue3+Cesium 的前端项目。首先，通过 vite 官网学习并创建 vite 项目，接着安装 cesium 并在 components 文件夹下创建 CesiumInit 组件。然后，按照 Cesium 的 quick start 指导，申请 Cesium ion 访问 token，并将 cesium Build 文件夹内容复制到 public 文件夹下。最后，设置资源路径，初始化 cesium 并在 App.vue 中引用组件，完成项目启动。
现如今的前端更新太快了，我记得我一年前还在写 vue2+cesium 的工程构建方式。现在转眼都 vue3 了。而且 vite 也越来越火逐渐成为趋势。那么这篇文章我们就来介绍一下如何使用 vite 构建一个 vue3+cesium 的工程。
首先我们可以打开 vite 的官网学习如何构建 vite 项目。第一步我们可以使用 npm 安装好最新版本的 vite 构建工具。这里电脑的 node 环境和 npm 我就不说了，小白自行百度。
安装最新版的 vite并且创建 vite 项目的命令如下：
npm create vite@latest然后会提示你项目的名称和所使用的模版类型。名称自己起一个。模版选择 vue，javascript 即可：
现在我们基于 vite 创建的 vue 项目很快就好了。项目的文件夹结构如下：
订阅专栏 解锁全文
扫一扫
2925
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
