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"/>”也可以将对应的方法进行提示：

VSCode实现Cesium的自动提示功能相关推荐

java培训教程分享：Java编写软件代码自动提示功能
本期的java培训教程分享主要是介绍的java编写软件代码的一个自动提示功能,很多零基础和初学java的同学们对这一块还不是很了解,Eclipse for android 实现代码自动提示智能提示功能 ...
eclipse hibernate配置文件（*.hbm.xml）加上自动提示功能
转自:https://blog.csdn.net/u012217085/article/details/17397843?utm_source=blogkpcl3 1. 标签:hibernate 在编 ...
[转]Android 代码自动提示功能
源地址http://blog.sina.com.cn/s/blog_7dbac12501019mbh.html 或者http://blog.csdn.net/longvslove/article/de ...
Eclipse输入Java和XML代码自动提示功能最简单的方法
Eclipse输入Java和XML代码自动提示功能 1.设置 java 文件的代码提示功能打开 Eclipse 依次选择 Window > Preferences > Java > ...
怎样增强MyEclipse的代码自动提示功能
转载自怎样增强MyEclipse的代码自动提示功能 MyElipse的默认代码提示功能隐藏了许多细节,需要开发者手动设置,一起来设置吧,让你的myeclpse更强大一般在Eclipse ,MyE ...
idea没有代码自动提示功能和包自动引入不了问题
idea没有代码自动提示功能和包自动引入不了问题原因:节电模式 File -> Power Save Mode (被勾选了) 处理方法: File -> Power Save Mode ...
SQLSERVER:sqlserver2008r2安装好后，自动提示功能不可以使用
刚安装好的sqlserver2008r2x64,写一些sql时,自动提示功能失效了. 解决排查一: 找到tools->options->Text Editor->Transact-S ...
eclipse代码自动提示设置、如何配置eclipse的代码自动提示功能（同时解决自动补全变量名的问题）?
eclipse代码自动提示设置.如何配置eclipse的代码自动提示功能(同时解决自动补全变量名的问题)? 参考文章: (1)eclipse代码自动提示设置.如何配置eclipse的代码自动提示功能( ...
解决 PhpStorm 对用单例模式实例化PHP类时，代码自动提示功能失效的问题
大部分PHP框架中,为了防止一个类被重复实例化,往往采用"单例模式"实例化类.我们的项目框架是这样做的: 先写好一个基类 /framework/Base.class.php,内容如 ...

VSCode实现Cesium的自动提示功能

下面进入正题：

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 补充

VSCode实现Cesium的自动提示功能相关推荐

最新文章

热门文章