electron 项目,打包报错

国内镜像安装Electron,electron-builder打包出错,electron-builder version=24.13.3 os=10.0.26100 • loaded configuration file=D:\mycode\image-compress\electron-builder.json5 • writing effective config file=release\2.0.0\builder-effective-config.yaml • packaging platform=win32 arch=x64 electron=29.4.6 appOutDir=release\2.0.0\win-unpacked ⨯ Get

node-sass 安装失败

直接`npm install`时遇到sass软件报错 bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok

vue3 + vite 配置tailwindcss

1. 如果您还没有设置Vite项目,请先创建一个新的Vite项目。最常见的方法是使用Create Vite。shnpm create vite@latest my-project -- --template vuecd my-project2. 安装 tailwindcss 及其对等依赖项,然后在项目根目录生成 tailwind.config.js 和 postcss.config.js 文件sh

vite vue3 项目配置记录

vitevue3项目配置记录参考文档https://cn.vitejs.dev/guide/基础配置JavaScriptexportdefaultdefineConfig({base:"",//配置css、js等资源为相对目录//...配置卸载这里define:{},plugins:[]})define-做一些文本替换的功能,在vue3中常见的是关闭options选项,以便打包之后缩小体积JavaScriptdefine:{__VUE_OPTIONS_API__:false,__VUE_PROD_DEVTOOLS__:false,},plugins-配置一些插件,也是vite最核心的部分**1

vue3 效率提升神器,howuse/axios 入坑指南

在以前的项目当中大量使用axios,我一般会创建一个request.js文件。接着在项目src文件夹下面创建api文件夹。大致的代码如下。js// 封装const service = axios.create({ baseURL: '/', headers: { }})// api 文件定义export const xxxType = (params: any) = service({

vue3 常用编码习惯总结

vue3常用编码习惯总结函数式计算属性通常写计算属性的一般写法如下typescriptconstnumberA=ref(0)constnumberB=ref(0)constresult=computed(()=numberA.value+numberB.value)函数式可以这样写。这样写的理由是,add可以封装一次多处复用,而不是像上边那种写法,每次都需要书写一遍typescript//函数传入a、b两个Ref类型的参数,返回计算属性functionadd(a:Ref<number,b:Ref<number){returncomputed(()=a.value+b.value)}//无论修改

vue3 + vite 同步/异步批量加载路由

路由在前端开发当中很常见,频繁配置也是一项比较劳累的工作。自动化注入路由的开发模式,可以大大减少开发的时间。本文借助vite的import.meta.glob对文件进行全局加载,这种方式大大提高开发效率。

echarts实现地图的多层级展示

echarts实现地图的多层级展示,代码如下,主要是geo配置这块,修改`zlevel`进行层级控制。`left`、`top` 进行一定的错位排版

360 chrome等浏览器自动填充密码无法与vue3表单双向绑定

经排查,浏览器在自动填充密码之后并没有触发 onchange事件,但是用原生dom的语法读取输入框时,发现确实已经输入。修复方法如下:::vipjs// ===修复谷歌浏览器密码填充没有双向绑定的问题==function fixGooglePasteBug() { const input =

vue3 插槽继承

> 插槽继承经常会遇到,尤其是孙子组件需要得到爷组件插槽的场景,一个比较简便的方式如下。```html ```主要两个关键点,一个是插槽名称,一个是插槽数据。`$slots`获取所有的插槽,遍历可得到插槽的名称`[name]`实际上是动态插槽的写法,得到所有插槽的名称`data` 这个值根据插槽真实定义的值来写