VSCode实现Cesium的自动提示功能

首先感谢Cesium中文网的相关支持，能够让我们这些渣渣更好的学习相关的内容，本篇内容主要参考了Cesium中文网中的“Cesium编程中级（九）Cesium工具篇 - VSCode提示”这一文章，感谢大佬的分享和支持，相关链接如下http://cesium.xin/wordpress/archives/283.html

 

下面进入正题：

1.使用VSCode打开一个文件夹，其中有放置进去的Build文件夹，Images文件夹下是我照的几张图片，与此节讲的内容无关。Index.html中的内容如下，只是一个简单的加载功能。

 

2.安装Node.js

下载安装包，直接一路‘next’就可以，下载链接：https://nodejs.org/zh-cn/download/。

3.在最上方的终端菜单项下选择“新建终端”，在终端对话框中输入”npm install --save @types/cesium”，如图所示：

在左侧的资源管理器中就添加了一个新的文件夹“node_modules”和一个新的文件“package-lock.json”文件。

此时，在index.html中进行输入是没有提示的，如图所示：

此处，我想看一下能不能提示颜色，例如Cesium.Color.RED ，但没有进行提示。

 

4.新建一个JavaScript文件，随意取名为aa.js，里面什么也没有。

在其中进行输入，查看是否会进行提示，如图所示：

 

此时，已经可以进行提示了。

如果还不可以的话，可以尝试以下操作：

在js文件顶部添加

“/// <reference path="node_modules/@types/cesium/index.d.ts"/>”

如图所示：

Path后面的内容其实是刚才添加进去的node_modules文件夹下的index.d.ts文件，这个文件就是一个帮忙定义语法的文件，可以实现快速的提示功能。若想深入了解，请自行百度。

 

---

2021.01.06 补充

今天重新看了下，下载的Cesium的目录中，如下：

直接在JS文件中使用“/// <reference path="Build/CesiumUnminified/Cesium.d.ts"/>”也可以将对应的方法进行提示：