草庐IT

mini-vite

全部标签

vue3+vite静态页面部署到gitee pages

vue3+vite静态页面部署到giteepagesgitee创建开源仓库修改项目部署到gitee中随着vue3的成熟,vue2将在2023.12.31停止维护,所以有必要搞一下vue3项目静态页面怎么部署到gitee中了如果还有想部署vue2静态页面到gitee中的话,访问https://blog.csdn.net/qq_45952585/article/details/122514028?spm=1001.2014.3001.5502vue3+vite+ts脚手架创建就不写了,随便搜一搜,一大把,直接上重点gitee创建开源仓库仓库名字自定义,例如我的仓库名字是vue3_viteapp;一

vite 使用本地 ip + localhost 访问服务

vite使用本地ip+localhost访问服务在vite.config.js中,如果未配置server.host,默认服务将以localhost进行启动,此时我们可以通过localhost:port或127.0.0.1:port进行应用访问。import{resolve}from'path'functionpathResolve(dir:string):string{returnresolve(process.cwd(),'.',dir)}exportdefaultdefineConfig({resolve:{alias:{'@':pathResolve('src')}},server:{p

msata、mini pcie 、pcie x4接口引脚定义及原理图方案设计

1、PCIe3.0X4Slot下图只用了2Lanes,pcie接口分x1、x4、x8、x16接口,向下兼容。含一对差分CLK时钟信号原理图参考:《RK_EVB1_RK3568》含原理图和PCB上图:pciex4引脚定义2、minipcieminipcie和msata的相同点:接口定义是一样的,接口可以相互交换使用。不同点是:minipcie有1对Tx和1对Rx,和差分CLK时钟信号。msata只有有1对Tx和1对Rx。参考原理图:《RK_NVR_DEMO》含原理图和PCB上图:msata盘上图:minipcie引脚定义3、Msata参考原理图:《Hi3521DDMEB_VER_B_Msata》

Nginx服务、Vite项目如何设置ws(websocket)代理?

一、前言最近干活中遇到请求访问地址代理的问题,http请求代理到是没啥问题,主要是WebSocket代理配置,今天折腾了一上午加下午一小时,才将其配置好,主要是部署服务器的时候nginx这一块不太清楚,作为一个初级前端,确实还有待提高。本文主要细致的讲解一下ws代理如何设置,在开发环境主要是vite代理设置方法,生产环境给Nginx设置代理。请求地址及处理在代码编写过程中,主要是url应该如何拼写,下面是项目中使用的请求地址://动态获取地址constwsUrl=`ws://${location.host}/wsUrl/test`;//创建连接constsocket=newWebSocket(

Vue3集成ThreeJS实现3D效果,threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】

Vue3集成ThreeJS实现3D效果,threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子,立方体,球体2、材质和光照3、材质和光照和动画4、性能监控5、交互控制6、响应窗口变化三、基础场景搭建1、创建基础场景【实现添加几何体和删除几何体】2、实现雾化场景3、重写材质4、常见几何体5、修改几何体属性6、相机切换7、相机跟随四、光照1、环境光2、点光源3、聚光灯4、平行光5、半球光五、小车案例1、基础环境搭建2、载入模型,实现轨道控制器3、实现模型颜色材质调整,轮子转动4、源代码下载项目

【历史上的今天】1 月 11 日:Mac Mini 问世;ALGOL 60 诞生;人类首次关闭 FM 广播

整理|王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。今天是2023年1月11日,在223年前的今天(1800年),直流发电机之父耶德利克·阿纽什(JedlikÁnyos)出生。阿纽什是匈牙利的发明家、工程师、物理学家和本笃会牧师,被匈牙利人和斯洛伐克人认为是直流发电机之父。阿纽什在1827年向公众展示了第一个直流电动机的三个主要部件:定子、转子和换向器的装置,但他直到1856年才承认自己曾发明过电动机,而此时西门子早已名扬天下。回顾科技历史上的1月11日,这一天还发生过哪些影响计算机发展进程的关键事件呢?1930年1月11日:互联网先驱EinarStefferud出生图源:维

android - 索尼 xperia mini 安卓模拟器

我正在寻找适用于SonyXperiamini或SamsungGalaxymini手机的Eclipse模拟器。我在互联网上找不到任何东西。谁能告诉我是否有模拟器(AVD插件)或如何使用通用模拟器模拟一个模拟器(即要指定的分辨率、密度等)?谢谢 最佳答案 模拟索尼爱立信Xperiamini的最佳方法是从索尼爱立信网站下载EDK,http://developer.sonyericsson.com/edk.该套件中包含用于小型电话的外壳。 关于android-索尼xperiamini安卓模拟器,

解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts

项目使用技术:uniapp+vue3+vite4.0.3+node(v16.20.0)"@dcloudio/uni-app":"3.0.0-alpha-3081220230731001","@dcloudio/uni-mp-weixin":"3.0.0-alpha-3081220230731001","vue":"^3.3.4","vite":"4.0.3","engines":{       "node":">=16.20.0",      "pnpm":">=8.0.0"},最新测试:使用高版本node(v18.15.0),删除node_modules依赖,重新安装,以下2个问题都可以解决

后台-vite中import.meta.glob的具体用法 与 动态路由和递归组件菜单栏

 1.获取图标文件里的所有图标​​ {{item}} import{ref}from'vue' importSvgIconfrom'@/components/SvgIcon/index.vue' consticons=[]asstring[]//获取图标文件 constmodules=import.meta.glob('../../assets/icons/*.svg') for(constpathinmodules){ constp=path.split('assets/icons/')[1].split('.svg')[0]//icons为图

vue 快速入门+vite前端构建工具

我是南城余!阿里云开发者平台专家博士证书获得者!欢迎关注我的博客!一同成长!一名从事运维开发的worker,记录分享学习。专注于AI,运维开发,windowsLinux系统领域的分享!本章节对应知识库南城余—Java全栈(yuque.com)本内容来自尚硅谷课程,此处在知识库做了个人理解四、Vue3简介和快速体验4.1Vue3介绍Vue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。官网为:Vu