国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vite+vue3+cesium環(huán)境搭建

這篇具有很好參考價(jià)值的文章主要介紹了vite+vue3+cesium環(huán)境搭建。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

1.創(chuàng)建一個(gè)Vite項(xiàng)目
npm create vite@latest
2.安裝cesium插件:vite-plugin-cesium

npm i cesium vite-plugin-cesium vite -D
3、配置vite.config.js
import cesium from 'vite-plugin-cesium';
export default defineConfig({ plugins: [vue(),cesium()]
})
4、清空style.css中的樣式

5、配置App.vue
清空一切不需要的,設(shè)置樣式使得全屏

<script setup>
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <HelloWorld />
</template>

<style >
html,body,#app{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
</style>


6、配置HelloWorld.vue

?

<template>
  <div id="cesiumContainer">
  </div>
</template>
<script setup>
import {onMounted} from "vue";
import * as Cesium from 'cesium';
onMounted(()=>{
  let viewer = new Cesium.Viewer("cesiumContainer",)
})
</script>
<style >
#cesiumContainer{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>

運(yùn)行效果

vite+vue3+cesium環(huán)境搭建

?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-493583.html

到了這里,關(guān)于vite+vue3+cesium環(huán)境搭建的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 在vite創(chuàng)建的vue3項(xiàng)目中使用Cesium加載czml路徑信息和無(wú)人機(jī)模型

    在vite創(chuàng)建的vue3項(xiàng)目中使用Cesium加載czml路徑信息和無(wú)人機(jī)模型

    用到的區(qū)域文件、地圖標(biāo)記文件、路徑信息文件、模型文件 提取碼:99jq 使用vite創(chuàng)建vue3項(xiàng)目 cd到創(chuàng)建的項(xiàng)目文件夾中 安裝Cesium 配置 vite.config.js文件:添加Cesium并設(shè)置反向代理實(shí)現(xiàn)跨域。 style.css(可選):修改#app樣式 代碼 App.vue 解讀 加載token 創(chuàng)建查看器viewer,加載世界街道地

    2024年02月16日
    瀏覽(25)
  • 創(chuàng)建一個(gè)vite+vue3項(xiàng)目詳細(xì)教程

    創(chuàng)建一個(gè)vite+vue3項(xiàng)目詳細(xì)教程

    一、首先打開(kāi)本地磁盤(pán),找到一個(gè)存放路徑 ?這里 我選擇將新建項(xiàng)目放置在E盤(pán)的demo-vitedemo路徑下 二、在該路徑處打開(kāi)命令行cmd ?三、在打開(kāi)的命令行中輸入創(chuàng)建命令 ?注意在搭建之前要安裝node.js環(huán)境依賴(lài),并且確認(rèn)你的版本 Vite 需要Node.js版本 14.18+,16+。然而,有些模板需

    2024年02月15日
    瀏覽(30)
  • vue3之vite創(chuàng)建h5項(xiàng)目1(創(chuàng)建vite項(xiàng)目、配置IP訪(fǎng)問(wèn)項(xiàng)目、配置多環(huán)境變量與預(yù)覽打包生產(chǎn)效果、配置別名)

    vue3之vite創(chuàng)建h5項(xiàng)目1(創(chuàng)建vite項(xiàng)目、配置IP訪(fǎng)問(wèn)項(xiàng)目、配置多環(huán)境變量與預(yù)覽打包生產(chǎn)效果、配置別名)

    初始化項(xiàng)目模塊 添加環(huán)境變量文件,每個(gè)文件寫(xiě)入配置,定義 env 環(huán)境變量前面必須加 VITE_ dev環(huán)境 test環(huán)境 prod環(huán)境 在項(xiàng)目根目錄下創(chuàng)建 03-1:配置多環(huán)境變量之dev環(huán)境 .env.development 03-2:配置多環(huán)境變量之test環(huán)境 .env.test 03-3:配置多環(huán)境變量之prod環(huán)境 .env.production 03-4 修改

    2024年02月02日
    瀏覽(101)
  • vite搭建vue3項(xiàng)目本地環(huán)境自定義域名及端口配置

    vite搭建vue3項(xiàng)目本地環(huán)境自定義域名及端口配置

    本blog講述的是vite直接創(chuàng)建的vue3的項(xiàng)目的本地環(huán)境自定義域名配置。 windows 首先配置本地的一個(gè)域名代理指向。 在windows環(huán)境下host文件的位置是 C:WindowsSystem32driversetc 我們需要打開(kāi)目錄下的hosts文件然后在 其中找到127.0.0.1然后在后面追加一行 Mac 在mac系統(tǒng)中我們需要打開(kāi)終

    2024年02月06日
    瀏覽(129)
  • 從零開(kāi)始創(chuàng)建一個(gè)vue3+vite項(xiàng)目并集成element-plus、eslint以及prettier

    從零開(kāi)始創(chuàng)建一個(gè)vue3+vite項(xiàng)目并集成element-plus、eslint以及prettier

    項(xiàng)目git地址, 歡迎修改提交,不足地方還請(qǐng)補(bǔ)充批評(píng)指正! 項(xiàng)目git地址 ESLint 是一個(gè)用于識(shí)別和報(bào)告在 ECMAScript/JavaScript 代碼中發(fā)現(xiàn)的模式的工具,其目標(biāo)是使代碼更加一致并避免錯(cuò)誤。 ESLint 是完全插件化的。每條規(guī)則都是一個(gè)插件,你可以在運(yùn)行時(shí)添加更多。你還可以添

    2024年04月09日
    瀏覽(27)
  • 從0開(kāi)始搭建一個(gè)vue3+vite+ts+pinia+element-plus的項(xiàng)目

    從0開(kāi)始搭建一個(gè)vue3+vite+ts+pinia+element-plus的項(xiàng)目

    前言:vue3+ts+vite大家已經(jīng)都開(kāi)始用了,最近也在學(xué)習(xí),基本上是零基礎(chǔ)開(kāi)始ts的學(xué)習(xí),很多語(yǔ)法知識(shí)是邊寫(xiě)邊查,沒(méi)有系統(tǒng)的學(xué)習(xí)ts。此處展示從零開(kāi)始,搭建的一個(gè)框架,方便拿來(lái)即用! 其中框架選擇vue,語(yǔ)言選擇typeScript 項(xiàng)目啟動(dòng)成功以后如下所示: 為了方便日常工作中

    2024年02月06日
    瀏覽(28)
  • vue-create 創(chuàng)建 VUE3項(xiàng)目-創(chuàng)建

    vue-create 創(chuàng)建 VUE3項(xiàng)目-創(chuàng)建

    1.創(chuàng)建文件夾右鍵點(diǎn)擊打開(kāi)終端或目錄cmd ?2.輸入命令 vue create (這里跟的是項(xiàng)目的名稱(chēng) 不能為或帶中文) ?3.選中第三個(gè)類(lèi)別自定義創(chuàng)建項(xiàng)目? ? ? ? ? ? ? //? ?或者選擇第一個(gè)快捷創(chuàng)建VUE3 進(jìn)入第12步 4.我們可以按上下鍵,然后按空格鍵選中需要的選項(xiàng),最后按回車(chē)

    2024年02月03日
    瀏覽(23)
  • vue3+cesium項(xiàng)目搭建

    vue3+cesium項(xiàng)目搭建

    最近需要在一個(gè)Vue3的項(xiàng)目中使用到cesium,對(duì)于一個(gè)cesium沒(méi)有太多了解的人來(lái)說(shuō),還是比較麻煩的,本篇博文就將自己在這個(gè)過(guò)程踩的坑記錄下來(lái),有需要的可以看一下 1、vue+cesium框架搭建 2、項(xiàng)目運(yùn)行起來(lái)后,球體不出現(xiàn),只出現(xiàn)星空 持續(xù)ing… 1、初始化vue3項(xiàng)目框架 vue cre

    2024年02月15日
    瀏覽(23)
  • vite創(chuàng)建vue3項(xiàng)目

    vite創(chuàng)建vue3項(xiàng)目

    這種方式創(chuàng)建的項(xiàng)目最快捷,因?yàn)榛疽蕾?lài)都裝好了 這種方式會(huì)基于模板創(chuàng)建項(xiàng)目,對(duì)于官方模板vue-ts,只帶有基礎(chǔ)的vue和ts,不帶有vue-router、pinia等 以上命令中,\\\"vue-ts\\\"是模板名稱(chēng) 或者使用以下命令然后勾選模板來(lái)創(chuàng)建項(xiàng)目 這種方式創(chuàng)建的項(xiàng)目甚至連vite.config.ts都沒(méi)有,如

    2024年02月05日
    瀏覽(27)
  • vue3創(chuàng)建項(xiàng)目,vite+js

    vue3創(chuàng)建項(xiàng)目,vite+js

    之前的時(shí)候大哥就讓我自己搭架子,但是我拖延癥,現(xiàn)在用到了,得自己搭了 我的項(xiàng)目都放到了 VuePorjects這個(gè)目錄里面, 一、先進(jìn)入到指定工作目錄,(不是你要?jiǎng)?chuàng)建的項(xiàng)目的名稱(chēng)哈) 二、創(chuàng)建vue3項(xiàng)目,安裝創(chuàng)建項(xiàng)目 ?@latest是項(xiàng)目名稱(chēng),可以自己修改項(xiàng)目名稱(chēng),然后選擇

    2024年02月16日
    瀏覽(27)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包