程序员经验分享-hwhale

vite+vue+cesium搭建

2023-11-07

vite+vue+cesium搭建
（学习教程：https://www.bilibili.com/video/BV1X44y1x7J2?p=1）

  1. npm install -g yarn npm安装yarn
  2. yarn -v 查看yarn版本
  3. cmd/WindowsPowerShell/vscode ~vscode运行yarn报错（https://blog.csdn.net/qq_46258465/article/details/119921643） 管理员运行WindowsPowerShell》get-ExecutionPolicy》返回restricted就说明你的powershell表示状态是禁止的》set-ExecutionPolicy RemoteSigned》返回RemoteSigned说明修改成功》vscode中输入yarn server
    ~WindowsPowerShell查不出yarn版本
    ~cmd运行正常
  4. vscode目录下创建项目（https://vitejs.cn/guide/#%E6%90%AD%E5%BB%BA%E7%AC%AC%E4%B8%80%E4%B8%AA-vite-%E9%A1%B9%E7%9B%AE）
    yarn create @vitejs/app my-vue-app --template vue改为yarn create ‘@vitejs/app’ cesiumapp --template vue（https://codeplayer.vip/question/j7svp）
  5. cd cesiumapp
  6. yarn/ yarn install》报错error postcss@8.3.11: The engine “node” is incompatible with this module. Expected version “^10 || ^12 || >=14”. Got “13.14.0”》yarn config set ignore-engines true在这里插入图片描述
  7. yarn dev
  8. 安装vite-plugin-cesium（https://github.com/nshen/vite-plugin-cesium）
    yarn add cesium vite-plugin-cesium vite -D
  9. 完成搭建
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

GISJSampCesiumJS

vuejs

VSCode

前端

vite+vue+cesium搭建 的相关文章

随机推荐

  • 利用GitHub Actions实现将GitHub代码同步到Gitee

    利用 Github Action 实现将 Github 上面的代码同步到 Gitee 中 同步的原理是利用 SSH 公私钥配对的方式拉取 Github 仓库的代码并推送到 Gitee 仓库中 所以我们需要以下几个步骤 生成 SSH 公私钥

  • 数组实现队列（详细）

    我们都知道 队列是一种先进先出的数据结构 每当有人问你队列是什么 你的回答就是 一种先进先出的数据结构 当然这样的回答也是完全没有错的 它就是一种先进先出的数据结构 为什么我们不能描述的多一点呢 更详细一点 下面我们就来详细的描述一下队列

  • 纠错输出编码(Error-Correcting Output Codes: ECOC)

    最近在利用Error Correcting Output Codes做论文 发现网上没有一种讲的比较清楚的 那我今天就花点时间大致上讲一下这种方法 最初提出ECOC方法的是如下的文章 Solving Multiclass Learning

  • 简述sql注入中万能密码的原理

    进行SQL注入的原理就是将特殊输入作为参数传入web程序 从而欺骗服务器执行信息查询功能 而万能密码则是利用sql库中运算符的优先级使得所传入数据库查询语句恒为true的SQL语句 1 用户登录时 后台执行的数据库查询操作 SQL语句 是

  • GIT 常用命令整理

    常用git命令 欢迎大家参考 1 git介绍 git与svn一样都是基于仓库来管理代码的 不过git的仓库在客户端和服务端都是存在的 我们通常都是在本地进行代码commit 然后再提交到远端服务器仓库的 而svn的话 差不多相当于大家一群人

  • 利用Jmeter做接口测试（功能测试）全流程分析

    利用Jmeter做接口测试怎么做呢 过程真的是超级简单 明白了原理以后 把零碎的知识点填充进去就可以了 所以在学习的过程中 不管学什么 我一直都强调的是要循序渐进 和明白原理和逻辑 这篇文章就来介绍一下如何利用Jmeter做接口测试的流程

  • Maven锦集：Linux/Windows环境安装配置

    前言 Maven在日常开发中 显得尤为重要 比如 RocketMQ的运作 就需提前配置好Maven 一起学习在Linux或Windows不同环境安装和配置Maven 本文以Maven3 8 6为例 温馨提示 如果你本机安装有多个Linux版

  • ROC,AUC及其基于Sklearn的实现

    ROC AUC及其基于Sklearn的实现 ROC和AUC的概念 sklearn的实现 from sklearn metrics import roc curve auc 多分类问题的ROC绘制 代码实现sklearn官方文档 API文档

  • Python之定时器的使用

    python中的定时器的使用 一 必须引入库 import threading 引入库 二 上代码 usr bin python coding UTF 8 import threading 引入库 def name timer print

  • 命令登陆mysql数据库_命令操作Mysql数据库

    MySql中添加用户 新建数据库 用户授权 删除用户 修改密码 注意每行后边都跟个 表示一个命令语句结束 1 新建用户 1 1 登录MYSQL gt mysql u root p gt 密码 1 2 创建用户 登录mysql后创建新用户 后

  • Android屏幕适配全攻略

    Android屏幕适配出现的原因 在我们学习如何进行屏幕适配之前 我们需要先了解下为什么Android需要进行屏幕适配 由于Android系统的开放性 任何用户 开发者 OEM厂商 运营商都可以对Android进行定制 修改成他们想要的样子

  • 2020运营商SDN和NFV的投入超200亿美元

    近两年 在网络领域最火热的非软件定义网络SDN和网络功能虚拟化NFV莫属 并且可以预计 在未来的一段时间内 SDN和NFV都将成为网络世界的 主角 其中SDN将让网络具备可灵活调配资源的能力 从而提高网络利用率 并降低网络服务成本 是未来新

  • 复现ThinkPHP5 5.0.23远程代码执行漏洞

    访问 index php s captcha页面 会出现如下报错 执行whoami 查看当前目录 method construct filter system method get server REQUEST METHOD pwd 写入一

  • 最大公约数和最小公倍数问题

    等差数列 蓝桥杯192 gcd问题 题目描述 数学老师给小明出了一道等差数列求和的题目 但是粗心的小明忘记了一 部分的数列 只记得其中 N 个整数 现在给出这 N 个整数 小明想知道包含这 N 个整数的最短的等差数列有几项 思路 求出每一项

  • Web学习笔记4：html初级篇-基础标签（1）

    话接上次 一 基本框架 在html语言中 也会有所谓的基本框架 我们来看一下 我们来一个一个解释 首先 我们要明确一点 框架中的标签都是一对的 这是什么意思 我们可以看到 在框架中有和 有和 有和 这些 只要是中间的文字一样 且标签形式为前

  • nginx中斜杠(/)详解

    本文主要介绍了nginx中斜杠 详解 配置location proxy pass时 加 与不加 的区别 文中通过示例代码介绍的非常详细 具有一定的参考价值 感兴趣的小伙伴们可以参考一下 不知大家日常在nginx配置时 是不是会对是否加斜杠充

  • 练习：字符串统计(坑：f‘string‘报错)

    练习 字符串统计 今天刷到字符串统计的题目 能看懂了 用自己的代码也来实现一次 题目 代码实现 re代码实现 f str 报错 我的博文推荐 练习题目 回首页 代码运行效果 python代码 如果从语句注释不能清楚作用 请评论区留言指教和探

  • android中的UI视图更新不能放在子线程中操作

    surfaceview不能再子线程里更新 需要通过Handler更新

  • 部署Node节点 配置kubelet证书自动申请 CSR、审核及自动续期

    k8s1 18 8版本 kubelet首次启动流程 第一次启动时没有证书如何连接 apiserver 这个问题实际上可以去查看一下 bootstrap kubeconfig 和 token csv 得到答案 在 apiserver 配置中指

  • vite+vue+cesium搭建

    vite vue cesium搭建 学习教程 https www bilibili com video BV1X44y1x7J2 p 1 npm install g yarn npm安装yarn yarn v 查看yarn版本 cmd Wi

热门标签