Cesium开发环境搭建(一)

1.下载安装Node.js

进入官网地址下载安装包 Node.js --- Download Node.js®

https://cdn.npmmirror.com/binaries/node/

选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位

安装完成后,WIN+R,输入node --version,显示出版本,node.js则安装成功。

最好以管理员身份运行cmd。

2.npm配置

采用国外的npm源,下载不动。换成淘宝的源。

复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com

或

复制代码
npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v 出现版本信息后,才可进行后续步骤的操作。

3.下载Cesium最新版本Downloads -- Cesium

解压下载的Cesium-1.107.zip到文件夹E:\Cesium_Study\Cesium-1.115,进入该目录,执行命令cnpm install,编译Cesium。

文件夹E:\Cesium_Study\Cesium-1.115出现node_modules文件夹即可。

4.启动服务

复制代码
npm start 或者 node server.js(新版本是 node server.cjs)
Cesium development server running locally.  Connect to http://localhost:8080/

注意:启动服务如果报错syntaxError: Unexpected token '.'

此项报错原因一有可能是npm版本与node版本不符导致,例如node版本是12,如果把npm版本升到10,10版本的npm并不能在12版本的node上运行,这时候执行命令install npm@6.14.10 -g降低npm版本即可

如果无法降低版本有可能是原因二,作者之前用的node18版本,删除的时候没删干净,现在node12版本,npm有可能冲突,这时候执行命令where npm,找到多余的npm删除

  1. 在浏览器输入:http://localhost:8080/

注意:

1.默认会安装最新的版本,最好是Node.js是最新的。不是最新的如果出现类似线面的错误

Unsupported engine for cnpm@9.2.0: wanted: {"node":">= 14.18.0"} (current: {"node":"12.22.12","npm":"6.14.16"})。

需要加上版本信息,如下所示

复制代码
npm install -g cnpm@7.1.1 --registry=http://registry.npmmirror.com
//查看有哪些cnpm版本命令:
npm view cnpm versions

Node.js --- Node.js Releases

2.输入 cnpm -v 的时候可能会出现

'cnpm' 不是内部或外部命令,也不是可运行的程序

用everything.exe软件找到cnpm.cmd 的文件。

在此文件夹中运行,CMD,然后可以执行 cnpm -v 成功。

说明需要在【系统变量】的 环境变量的 path 中,添加 【F:\nodejs\node_global】路径。

添加后,重新打开命令提示符cmd,在验证,成功。如果不行,需要重启电脑。

相关推荐
总要学点什么4 天前
第55篇:空间分析-剖面分析——红线走大圆,剖面却按经纬直线采样
前端框架·gis·webgl·cesium·空间分析
总要学点什么6 天前
第51篇:数据分析-热力图——笔刷画的是圆,落到地上却成了椭圆
3d·数据挖掘·数据分析·前端框架·gis·webgl·cesium
总要学点什么8 天前
第47篇:三维特效-雷达波效果——波纹一圈圈往外推,一半却埋在地下
3d·前端框架·gis·webgl·cesium
夜郎king15 天前
基于 Cesium + 天地图的三维地理可视化:以“岳麓山名人墓“为例,详解地形夸张、自动环绕与标签碰撞避让
cesium·实景三维·人文历史
前端小崔1 个月前
Three.js 与 Cesium 融合实战问题汇总
前端·three.js·cesium
洛兮银儿1 个月前
前端页面引入cesium
前端·cesium
GISBox1 个月前
数字孪生项目必备:RVT模型转3DTiles格式的高效解决方案
gis·cesium·格式转换·服务发布·gisbox·rvt切片·3dtiles格式
ToTacview1 个月前
Web 可视化卡顿的归因方法论:以“流畅一段、停顿一下“为例的代码级根治
cesium
夜郎king1 个月前
基于天地图 Cesium 三维服务实现三维地球及地球自转实践
数据分析·cesium·3d地图·三维地球
luckystar513~1 个月前
Navara是WebGIS的第三条路吗?
gis·cesium·mapbox·地图引擎·地理可视化