WithCoderWithCoderWithCoder

Cesium下载源码并在VSCode中编译运行

这段时间断断续续的在研究Cesium,本文介绍下入门的第一步。在官网下载Cesium源码(Cesium下载版本有源码和发行版)并在VSCode中编译运行的流程。

本文使用的Cesium版本是1.67。VSCode源码包管理器使用Yarn。

首先,我们要下载源码,下载地址:

1. 官网 

    https://cesium.com/downloads/

2. github

    https://github.com/CesiumGS/cesium

编译运行

下载完成后(如果是zip文件解压即可),将文件夹复制到合适的目录。我们用VSCode打开下载的文件夹,然后可以在根目录下找到package.json文件。打开此文件,我们在“scripts”键值中,可以看到多个命令。这些命令包含编译、启动、合并、发布、压缩等,可根据具体需要使用。

1-200310220U61L.png

1. 首先在命令终端中执行命令yarn install安装依赖

1-20030H22HaU.png

2. 打包,使用命令yarn build

    此处需注意,如果是下载的官方或git的zip包,执行yarn build会报错下面两个错误(首先报Apps\.jshintrc错误,这个处理完后,再次build会报Apps\Sandcastle\.jshintrc错误),而如果使用git clone的代码是没有问题的。

    Error: ENOENT: no such file or directory, open 'Apps\.jshintrc'
    
    Error: ENOENT: no such file or directory, open 'Apps\Sandcastle\.jshintrc'

    解决上面两个错误的方法,就是从github上分别下载Apps\.jshintrc和Apps\Sandcastle\.jshintrc两个文件并放到对应的目录下,或者直接使用git clone的源代码。

最终执行yarn build命令,成功

1-200310221K1312.png

3. 运行,使用命令yarn start。

1-200310221932b2.png

4. cesium设置的默认端口是8080,在浏览器中打开localhost:8080就可以查看了,如下图

1-20031022214N57.png

最后,我们可以:

1. 点击“Hello World”查看最简单的一个Cesium应用。

2. 点击“Documentation”可以查看API帮助文档。

3. 点击“Sandcastle”可以查看多个例子。

欢迎分享交流,转载请注明出处:WithCoder » Cesium下载源码并在VSCode中编译运行