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

我不止三岁

已于 2022-07-19 23:59:11 修改

阅读量2.1k

点赞数 1

分类专栏： cesium 文章标签： js gis

于 2021-03-28 00:32:45 首次发布

本文链接：https://blog.csdn.net/Hhjnv/article/details/115274737

版权

cesium 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在使用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'

在这里插入图片描述

实现智能提示.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我不止三岁

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

Cesium 实战 19 - 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型

linzi19900517的博客

06-28

5289

Cesium 实战 - 使用 gltf-vscode 查看、预览以及编辑 glTF 和 GLB 模型。

VSCode实现Cesium的智能提示功能

遨游在太空

08-17

3491

之前在“VSC调试Cesium代码及模块功能初探”介绍了在vs code中如何调试cesium的源代码中的部分函数。目前看来，在整体引入Cesium时就无能为力了。从1.70版本开始，CesiumJS附带了正式的TypeScript类型定义，即Cesium.d.ts文件。d.ts大名叫TypeScript Declaration File，里面存放一些声明，类似于C/C++的.h头文件。d.ts文件的一个越来越广泛的应用场景是编辑器智能提示（具体见IntelliSense based on TypeScr

2 条评论您还未登录，请先登录后发表或查看评论

VSCode实现Cesium的自动提示功能

liveanddie的博客

09-11

5215

2025前端vscode必备插件(持续更新)

热门推荐

三巧的博客

03-08

3万+

下载安装VSCode

Cesium入门之二：引用Cesium并创建第一个三维地球

九仞山的专栏

05-12

1647

介绍引入Cesium的方法，并演示如何创建一个三维地球展示到浏览器中

最简单的cesium开始程序（小白专用）

04-03

cesium是GISer学习三维必备的一项技能，这里是一整套简单的cesium开始程序源代码（小白专用），助你快速入门

46.（cesium篇）cesium实现信息提示tooltip.zip

09-16

下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/120328479

vscode1.83远程连接失败

。

11-02

965

vscode1.83远程连接失败

【Cesium 编程第一篇】概述、环境搭建、界面介绍

前端知识分享喵

04-09

1万+

Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的 javascript 库。Cesium 使用 WebGL 来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebG

Cesium入门之四：基于Vue3+Vite+Cesium构建三维地球场景

九仞山的专栏

05-12

2778

基于Vue3+Vite+Cesium构建三维地球场景的方法

VSCode 如何在使用代码片段的时候启动智能提示

qingyuu_的博客

02-04

1338

在使用代码片段的时候启动智能提示

取消 vscode 的代码补全（代码提示）的方法

jiangjunyuan168的博客

09-20

1万+

1、首先在vscode左下角找到设置图标，然后找到设置（或者直接 ctrl+, ） 2、打开以后找到文本编辑器 --> 建议，这里的建议就是指提示代码的建议，我们根据自己的需要将右侧显示的建议取消勾选即可，取消勾选后就不会进行代码提示了。

vscode配置cesium

01-04

### 如何在 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 编写的客户端脚本代码。

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

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

二、方法二:本地安装

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