草庐IT

electron-vite

全部标签

MacOS中使用Electron构建Vue项目在Windows环境的安装包

MacOS中使用Electron构建Vue项目在Windows环境的安装包前言前置要求Electron构建项目结束前言新项目是作为定制项目需要通过安装包的方式在客户电脑上安装使用,前端使用vue编写项目功能,由于前端躺平了,所以只能让我们写后端的来搞这种东西,想到是使用Electron来构建这样的客户端软件以满足业务需求.例如postman,twitch的客户端软件都是通过Electron构建的,但对于技术力较弱的公司,直接使用electron开发项目还是有较高的学习成本,所以本次实现只能是使用Electron构建一个客户端应用,然后通过Electron构建的客户端(本质上是一个嵌入chrom

vite中配置 https 安全超文本网络协议

vite中配置https安全超文本网络协议1、本地模拟生成证书2、安装证书3、vite中使用插件支持https协议前言:https的配置是相对安全的,但是需要购买证书,它是SSL/TLS+HTTP的安全超文本网络协议此版本配置的是在vite开发服务器上临时配置的https协议,生产环境需要购买证书,在nginx中配置1、本地模拟生成证书在vite项目根目录中创建mkcert目录全局安装mkcertyarnadd-gmkcert利用mkcert创建camkcertcreate-ca根据ca创建cert(domains后面跟着的是域名或者ip)mkcertcreate-cert--domains1

【Electron】node:internal/modules/cjs/loader:1147

可以使用:npm install electron-builder --save-dev 解决了再重新打包:npmrunbuild记录一下解决办法

Electron+vue3项目使用SQLite3数据库

SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。它是一个零配置的数据库,这意味着与其他数据库不一样,我们不需要在系统中配置。就像其他数据库,SQLite 引擎不是一个独立的进程,可以按应用程序需求进行静态或动态连接。SQLite 直接访问其存储文件。特性:不需要一个单独的服务器进程或操作的系统;一个完整的 SQLite 数据库是存储在一个单一的跨平台的磁盘文件中;SQLite 是自给自足的,这意味着不需要任何外部的依赖;SQLite 事务是完全兼容 ACID 的,允许从多个进程或线程安全访问。一、SQLite是什么SQLite是一种嵌入式关

手把手教 Vue3.2+Vite+Echarts 5 绘制3D线条效果中国地图

手把手教Vue3.2+Vite+Echarts5绘制3D线条效果中国地图简介安装插件1、下载并引入echarts2、下载地图的json数据3、全局引入或局部引入(我这里选择单页面局部引入)4、开始绘制流线中国地图项目实践总结:简介本篇文章介绍Vue3.2+Vite项目内使用Echarts5绘制中国地图,标记分布点!之前没有接触过Echarts的,可以先去官方示例看看,里面图形特别齐全。但是官方文档看着费劲的,太多了根本记不住,所以自己做个总结,下次就可以直接使用了,不用做重复无用功。安装插件1、下载并引入echartsEcharts已更新到了5.0以上版本,安装完记得检查下自己的版本是否是5.

若依(ruoyi)前端Vue3 Element Plus Vite版样式修改

目录1.导航栏样式1.1背景色1.2右侧图标(全屏等)1.3右侧下拉菜单样式1.4左侧面包屑文字样式1.5左侧面包屑旁边的显示/隐藏侧边栏SVG样式2.sidebar字体样式3.全局tags标签按钮等背景色4.tags标签页样式5.表格样式6.树形菜单选中样式1.导航栏样式1.1背景色位置:src/layout/components/Navbar.vue类名:.navbar//比如背景色等background:#1b2535;这里主要是修改导航栏的背景色,在修改颜色值时,你可以使用其他十六进制颜色代码,也可以尝试使用RGB、RGBA或HSL等其他表示颜色的方式。这取决于你的设计需求和个人喜好。

vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目

最后是完整的vite.config.ts、main.ts配置1、先用vite创建一个项目npmcreatevite@latest2、安装elementplusyarnaddelement-plus@element-plus/icons-vuevite.config.ts配置组件按需导入,图标自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-importunplugin-icons importpathfrom'path'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-v

vite构建打包性能优化

目录1、清除console和debugger二、gzip静态资源压缩第一步:客户端打包开启第二步:部署服务端开启三、 静态文件按类型分包四、超大静态资源拆分(代码分割)第一种:提高静态资源的容量大小第二种:合并路由打包第三种:最小拆分打包五、打包分析插件六、组件按需导入七、图片资源压缩八、CDN加速 最近在用Vite4+Typescript+Vue3.2+SSR重构我的博客,由于项目内容较多,所以遇到了一些性能问题,所以在构建生产环境时做了一些优化,在这里做一个记录,方便大家参考。1、清除console和debugger build里添加terserOptions配置//打包环境移除conso

NestJs系列之使用Vite搭建项目

介绍在使用nest创建项目时,默认使用webpack进行打包,有时候启动项目需要1-2分钟。所以希望采用vite进行快速启动项目进行开发。本文主要使用NestJs、Vite和swc进行配置。文章实操较多,概念性的东西可访问对应的官方文档进行了解。tips:个人认为概念性的东西,在文章中指出。对熟悉的人来说直接就实操,节省时间。感兴趣的小伙伴探索性去了解,提升学习乐趣概念什么是NestJS?官方地址:NestJS-AprogressiveNode.jsframework中文地址:NestJS简介|NestJS中文文档|NestJS中文网(bootcss.com)个人理解:NodeJS的Sprin

X [ERROR] Two output files share the same path but have different contents: node_modules\.vite\deps_

X[ERROR]Twooutputfilessharethesamepathbuthavedifferentcontents:node_modules\.vite\deps_temp_cb676b7c\Vue.jsD:\front\_other\hole\node_modules\esbuild\lib\main.js:1636leterror=newError(`${text}${summary}`);^Error:Buildfailedwith1error:error:Twooutputfilessharethesamepathbuthavedifferentcontents:node_m