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刪除
?

5.?在瀏覽器輸入: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,在驗證,成功。如果不行,需要重啟電腦。

3.

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/24506.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/24506.shtml
英文地址,請注明出處:http://en.pswp.cn/web/24506.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

React + SpringBoot實現圖片預覽和視頻在線播放,其中視頻實現切片保存和分段播放

圖片預覽和視頻在線播放 需求描述 實現播放視頻的需求時,往往是前端直接加載一個mp4文件,這樣做法在遇到視頻文件較大時,容易造成卡頓,不能及時加載出來。我們可以將視頻進行切片,然后分段加載。播放一點加載一點&am…

tcp aimd 窗口的推導

舊事重提,今天用微分方程的數值解觀測 tcp aimd 窗口值。 設系統 AI,MD 參數分別為 a 1,b 0.5,丟包率由 buffer 大小,red 配置以及線路誤碼率共同決定,設為 p,窗口為 W,則有&…

云原生技術助力某國際化商業集團打造數字化轉型新引擎

某國際化商業集團(以下簡稱:集團),成立于1988年,現已發展成為擁有總資產800多億元,員工13000多人,涵蓋港口碼頭、石油化工、國際貿易等產業于一體的國際化現代化企業集團,連續多年進…

HAL STM32F1 通過查表方式實現SVPWM驅動無刷電機測試

HAL STM32F1 通過查表方式實現SVPWM驅動無刷電機測試 📍相關篇《基于開源項目HAL STM32F4 DSP庫跑SVPWM開環速度測試》 ?針對STM32F1系列,沒有專門的可依賴的DSP庫,為了實現特定函數的浮點運算快速計算,通過查表方式來實現&#…

番外篇 | 利用華為2023最新Gold-YOLO中的Gatherand-Distribute對特征融合模塊進行改進

前言:Hello大家好,我是小哥談。論文提出一種改進的信息融合機制Gather-and-Distribute (GD) ,通過全局融合多層特征并將全局信息注入高層,以提高YOLO系列模型的信息融合能力和檢測性能。通過引入MAE-style預訓練方法,進一步提高模型的準確性。?? 目錄 ??1.論文解…

如何解鎖植物大戰僵尸雜交版v2.0.88所有植物

如何解鎖植物大戰僵尸雜交版v2.0.88所有植物 前言安裝相關軟件快速解鎖方法 前言 經過探索植物大戰僵尸雜交版植物解鎖和關卡有關,所以通過所有關卡就可以解鎖所有植物。 安裝相關軟件 1.安裝植物大戰僵尸 2.安裝Hex Editor Neo 快速解鎖方法 本文參考如何修改…

<vs2022><問題記錄>visual studio 2022使用console打印輸出時,輸出窗口不顯示內容

前言 本文為問題記錄。 問題概述 在使用visual studio 2022編寫代碼時,如C#,在代碼中使用console.writeline來打印某些內容,以便于觀察,但發現輸出窗口不顯示,而代碼是完全沒有問題的。 解決辦法 根據網上提供的辦法…

深入解析力扣183題:從不訂購的客戶(LEFT JOIN與子查詢方法詳解)

在本篇文章中,我們將詳細解讀力扣第183題“從不訂購的客戶”。通過學習本篇文章,讀者將掌握如何使用SQL語句來解決這一問題,并了解相關的復雜度分析和模擬面試問答。每種方法都將配以詳細的解釋,以便于理解。 問題描述 力扣第18…

Java Web學習筆記23——Vue項目簡介

Vue項目簡介: Vue項目-創建: 命令行:vue create vue-project01 圖形化界面:vue ui 在命令行中切換到項目文件夾中,然后執行vue ui命令。 只需要路由功能。這個路由功能,開始不是很理解。 創建項目部保存…

html+css示例

HTML HTML(超文本標記語言)和CSS(層疊樣式表)是構建和設計網頁的兩種主要技術。HTML用于創建網頁的結構和內容,而CSS用于控制其外觀和布局。 HTML基礎 HTML使用標簽來標記網頁中的不同部分。每個標簽通常有一個開始…

【原創】海為PLC與RS-WS-ETH-6傳感器的MUDBUS_TCP通訊

點擊“藍字”關注我們吧 一、關于RS-WS-ETH-6傳感器的準備工作 要完成MODBUS_TCP通訊,我們必須要知道設備的IP地址如何分配,只有PLC和設備的IP在同一網段上,才能建立通訊。然后還要選擇TCP的工作模式,來建立設備端和PC端的端口號。接下來了解設備的報文格式,方便之后發送…

前端:快捷 復制chrome 控制臺打印出來的 數組對象

程序中console.log出來的對象。按照以下步驟操作 1.右鍵點擊需要處理的對象,會出現Store as global variable,點擊 2.點擊 Store as global variable 控制臺會出現 3.在控制臺 輸入 copy(temp1) 這樣對象就復制到了你的黏貼面板里面 在代碼中直接 c…

基于STM32開發的智能語音控制系統

目錄 引言環境準備智能語音控制系統基礎代碼實現:實現智能語音控制系統 4.1 語音識別模塊數據讀取4.2 設備控制4.3 實時數據監控與處理4.4 用戶界面與反饋顯示應用場景:語音控制的家居設備管理問題解決方案與優化收尾與總結 1. 引言 隨著人工智能技術…

Vuepress 2從0-1保姆級進階教程——標準化流程

Vuepress 2 專欄目錄 1. 入門階段 Vuepress 2從0-1保姆級入門教程——環境配置篇Vuepress 2從0-1保姆級入門教程——安裝流程篇Vuepress 2從0-1保姆級入門教程——文檔配置篇Vuepress 2從0-1保姆級入門教程——范例與部署 2.進階階段 Vuepress 2從0-1保姆級進階教程——全文搜索…

Inpaint9.1軟件下載附加詳細安裝教程

軟件簡介: Inpaint 是個人開發者Max開發的圖片處理軟件,可以高效去除水印,修復照片等。使用方法和操作都很簡單,非常適合不會PS等軟件的小白用戶。 安 裝 包 獲 取 地 址: Iinpaint win版:??https://souurl.cn/b…

了解JVM中的Server和Client參數

了解JVM中的Server和Client參數 Java虛擬機(Java Virtual Machine,JVM)作為Java程序運行的核心,提供了多種參數來優化和調整程序的性能和行為。其中,-server和-client是兩個重要的參數,分別用于配置JVM在服…

【Android面試八股文】synochnized修飾普通方法和靜態方法的區別?什么是原子性、可見性、有序性?

文章目錄 synochnized修飾普通方法和靜態方法的區別?什么是原子性、可見性、有序性?這道題想考察什么 ?考察的知識點考生應該如何回答synchronized 的基本原理synchronized 修飾普通方法和靜態方法的區別synchronized定義同步代碼塊synochnized修飾普通方法和靜態方法的區別…

微生物共生與致病性:動態變化與識別挑戰

谷禾健康 細菌耐藥性 抗生素耐藥性細菌感染的發生率正在上升,而新抗生素的開發由于種種原因在制藥行業受重視程度下降。 最新在《柳葉刀-微生物》(The Lancet Microbe)上,科學家提出了基于細菌適應性、競爭和傳播的生態原則的跨學…

Tongweb7重置密碼優化版*(by lqw )

如圖所示,輸入初始密碼是會報錯的,說明已經修改了密碼 首先我們先備份一下tongweb的安裝目錄,避免因為修改過程中出現的差錯而導致tongweb無法啟動: 備份好了之后,我們關閉掉tongweb。 方式一: Cd 到tong…

C# WPF入門學習主線篇(十)—— DataGrid常見屬性和事件

C# WPF入門學習主線篇(十)—— DataGrid常見屬性和事件 歡迎來到C# WPF入門學習系列的第十篇。在前面的文章中,我們已經學習了 Button、TextBox、Label、ListBox 和 ComboBox 控件。今天,我們將探討 WPF 中的另一個重要控件——D…