超快速搭建Vue3 + Vite + Cesium 开发环境网站首页 技术教程

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

guitarguy 2023-07-10 12:00:03

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

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

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"
  }
}

然后