# Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
## Recommended IDE Setup
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Type Support For `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
1. Disable the built-in TypeScript Extension
1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
没有合适的资源?快使用搜索试试~ 我知道了~
vue3+ts+vite+cesium 加载天地图影像、标注等多服务器随机加载切换版本
共16个文件
json:4个
ts:3个
svg:2个
5星 · 超过95%的资源 26 下载量 117 浏览量
2023-04-02
13:50:12
上传
评论 2
收藏 21KB ZIP 举报
温馨提示
这段基于 Vue.js 的 Cesium 地图应用示例展示了如何使用 Cesium.js 创建一个具有自定义配置的 3D 地球视图。Cesium.js 是一个开源 WebGL 虚拟地球引擎,可以构建交互式的 3D 地图应用。示例中的底图和注记图层来自中国的在线地图服务平台天地图,提供丰富的地理信息。代码禁用了全屏按钮、地理编码器等,隐藏了版权信息,以优化用户体验。 Vue.js 是一个流行的 JavaScript 前端框架,可以帮助开发者高效构建具有交互性的 Web 应用。在本示例中,Vue.js 的使用使代码更具模块化,便于扩展和维护。这个示例为开发者提供了一个简洁、易用的 Cesium 地图应用,展示了如何在 3D 地球视图中查看和探索地理信息,优化了用户体验,让用户专注于地图内容。这个示例可以作为开发者构建基于 Cesium 的地图应用的起点,也可以帮助了解如何使用 Vue.js 和 Cesium.js 结合开发 Web 应用。
资源推荐
资源详情
资源评论
收起资源包目录
vue3_vite_ts_cesium_tiandimaps.zip (16个子文件)
.vscode
extensions.json 75B
tsconfig.node.json 184B
src
style.css 91B
main.ts 111B
App.vue 153B
assets
vue.svg 496B
components
HelloWorld.vue 3KB
vite-env.d.ts 38B
package.json 471B
public
vite.svg 1KB
pnpm-lock.yaml 34KB
vite.config.ts 239B
index.html 362B
.gitignore 253B
tsconfig.json 488B
README.md 1KB
共 16 条
- 1
资源评论
- Asama浅间2023-07-25这个文件的作者真厉害,使用了Vite和Cesium来加载天地图影像和标注,运行流畅,应该多推广一下。
- yiyi分析亲密关系2023-07-25这个文件不仅能加载天地图影像和标注,还可以随机切换不同的服务器版本,很有创意。
- 王者丶君临天下2023-07-25使用Vue3结合TypeScript编写的这个文件加载天地图影像和标注非常简单,我很喜欢它。
- 耄先森吖2023-07-25这个文件提供了加载天地图影像和标注的多服务器随机加载切换版本的功能,非常实用。
- 首席程序IT2023-07-25我很喜欢这个文件,它使用了Vue3和TypeScript,并且还运用了Vite和Cesium来优化加载速度,非常方便。
缠中说禅87
- 粉丝: 753
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功