超快速搭建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"
  }
}

然后

yarn install

搞定,大功告成!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值