vscode 使用cesium智能提示 简单部署

在使用vscode 编写Cesium时,会发现,代码没有智能提示,很长的代码复制粘贴很麻烦。

一、方法一:CDN引入后自动会有

head标签中引入库就会自动可以使用智能提示

  <script src="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Widgets/widgets.css" rel="stylesheet">

二、方法二:本地安装

首先,在你创建的文件夹目录下打开终端,随后npm init -y创建package.json文件,然后npm i cesium安装库到本地.
使用ES6

import cesium from 'cesium'

在这里插入图片描述

实现智能提示.

### 如何在 VSCode 中配置 Cesium 开发环境 #### 安装必要的工具和依赖项 为了顺利安装并使用 Cesium,在本地环境中需先准备好 Node.js 和 npm。可以通过 NVM (Node Version Manager) 来管理不同版本的 Node.js,这有助于解决可能遇到的不同项目对 Node 版本需求不一致的问题[^4]。 #### 获取 Cesium 库 通过 Git 将官方仓库克隆到本地工作目录下是一个获取最新版 Cesium 的方法: ```bash git clone https://github.com/CesiumGS/cesium.git ``` 对于希望快速集成 Cesium 到现有项目的开发者来说,也可以直接利用 npm 进行包管理来安装 Cesium 及其类型定义文件[@types/cesium]: ```bash npm install cesium @types/cesium --save ``` 此命令不仅会下载所需的库还提供了 TypeScript 类型支持以便于开发过程中获得更好的编辑体验[^5]。 #### 设置 Vite 构建工具与 Vue 框架 为了让现代前端应用能够高效加载资源同时保持良好的性能表现,推荐采用 Vite 作为构建工具并与 Vue 结合使用。具体操作如下所示: 1. 初始化一个新的 Vue 项目; 2. 添加 `vite-plugin-cesium` 插件用于优化打包过程中的处理逻辑; 3. 使用 `-D` 参数确保这些插件仅被列为开发阶段依赖而非生产环境的一部分。 完整的 npm 命令如下: ```bash npm init vue@latest my-project-name cd my-project-name npm i cesium vite-plugin-cesium vite -D ``` 完成上述步骤之后就可以按照常规流程启动开发服务器来进行后续的应用程序编写了[^2]。 #### 启动调试服务 当一切准备就绪后,可以借助 VSCode 内置终端执行以下指令开启 HTTP Server 并监听指定端口等待浏览器访问请求的到来;与此同时还可以配合 Live Server 扩展实现自动刷新页面功能从而提高迭代效率[^3]。 ```json { "version": "0.2.0", "configurations": [ { "type": "pwa-chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" } ] } ``` 以上 JSON 配置片段展示了如何设置 Visual Studio Code 调试器以允许断点调试 JavaScript 或者 TypeScript 编写的客户端脚本代码。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我不止三岁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值