草庐IT

electron-vite

全部标签

electron-builder打包配置说明

发现问题通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字,但此时想自定义汉字名称,通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称,汉字会报错无法打包。踩坑过程在网上翻阅后发现有人直接在package.json中这样添加build:"scripts":{//...},"build":{"productName":"xxx","appId":"xxx",//...},这其实是个大坑,我尝试后发现会报错无效配置:InvalidConfigurationError:'b

electron-builder打包配置说明

发现问题通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字,但此时想自定义汉字名称,通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称,汉字会报错无法打包。踩坑过程在网上翻阅后发现有人直接在package.json中这样添加build:"scripts":{//...},"build":{"productName":"xxx","appId":"xxx",//...},这其实是个大坑,我尝试后发现会报错无效配置:InvalidConfigurationError:'b

vue整合electron 实现pc端应用程序

准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-

vue整合electron 实现pc端应用程序

准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-

vite+ts+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到,可以cnpmi@types/node-

vite+ts+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到,可以cnpmi@types/node-

一个实用的 vite + vue3 组件库脚手架工具,提升开发效率

无论是vue2全家桶还是vue3+vite+TypeScript,组件库的使用几乎大家都会,但自己开发一个独立组件库就不是每个人都掌握的,因为搭建组件库的基础开发环境,就会让很多同学望而却步。一个组件库应该至少要包括三个方面:组件库的开发和打包;组件库文档的开发和打包;命令行工具cli快速创建新组件。这几天程序员优雅哥搭建了一个组件库的基础脚手架:vue3-component-library-archetype在这个脚手架的基础上,大家可以使用内置的cli快速创建新组件,按照套路开发组件及文档即可。脚手架很大程度上简化了环境的搭建、打包的配置、类型定义的抽取等工具,开箱即用,大家可以将注意力集

一个实用的 vite + vue3 组件库脚手架工具,提升开发效率

无论是vue2全家桶还是vue3+vite+TypeScript,组件库的使用几乎大家都会,但自己开发一个独立组件库就不是每个人都掌握的,因为搭建组件库的基础开发环境,就会让很多同学望而却步。一个组件库应该至少要包括三个方面:组件库的开发和打包;组件库文档的开发和打包;命令行工具cli快速创建新组件。这几天程序员优雅哥搭建了一个组件库的基础脚手架:vue3-component-library-archetype在这个脚手架的基础上,大家可以使用内置的cli快速创建新组件,按照套路开发组件及文档即可。脚手架很大程度上简化了环境的搭建、打包的配置、类型定义的抽取等工具,开箱即用,大家可以将注意力集

Vite+TS项目:论如何便捷的使用pinia

这里给大家分享我在网上学习总结出来的一些知识,希望对大家有所帮助pinia介绍vue新一代状态管理库,相当于vuex特性1.像定义components一样定义store2.支持ts3.去除mutations,只有state,getters,actions(支持同步异步)4.轻量级(1kb)5.vuex是要有主入口进行统一导入,pinia可以分模块导入pina简单使用1.导入path项目全局安装@type/nodenpminstall@types/node--save-dev2.config设置@指标 3.tsconfig.json设置@指标4.导入pinia项目全局安装pinianpminst

Vite+TS项目:论如何便捷的使用pinia

这里给大家分享我在网上学习总结出来的一些知识,希望对大家有所帮助pinia介绍vue新一代状态管理库,相当于vuex特性1.像定义components一样定义store2.支持ts3.去除mutations,只有state,getters,actions(支持同步异步)4.轻量级(1kb)5.vuex是要有主入口进行统一导入,pinia可以分模块导入pina简单使用1.导入path项目全局安装@type/nodenpminstall@types/node--save-dev2.config设置@指标 3.tsconfig.json设置@指标4.导入pinia项目全局安装pinianpminst