关于vite初始化项目参考自https://vitejs.cn/配置基于自生产上线项目所使用配置vite.config.js导入模块内容import{defineConfig}from'vite'#vite配置importvuefrom'@vitejs/plugin-vue'#vueimportvueJsxfrom'@vitejs/plugin-vue-jsx'#支持jsximportviteSvgIconsfrom'vite-plugin-svg-icons'#svgimport{resolve}from"path";#引用项目地址importOptimizationPersistfrom'
使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的路。第二，读取配置，前端可以通过可视化界面存入本地缓存，不必要读取本地文件。基于以上两点，我觉得读取本地文件不可能实现，况且时间紧任务重。奈何，前端话语权微乎其微。最后，我咬着牙，实现了一下读取本地文件的需求。如有更好的方案，可以私信评论。首先，纯js肯定干不了读取本地文件的事情。那么，只能用nodejs了。况且，ele
我是觉得吧tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂经典模式|TinyMCE中文文档中文手册(ax-z.cn)首先安装依赖：这里先声明一下：TinyMce在4.0以后就不支持Vue2.0了，所以我们需要固定版本，或者降低版本！否则会报错vue3的下载命令如下$npminstall@tinymce/tinymce-vue-S$npminstalltinymce-Svue2的下载命令如下$npminstalltinymce@5.1.0-S$npminstall@tinymce/tinymce-vue@3.0.1-S编辑器本身是英文编辑器，所以还需要下载本地化文件（下载这
目录一、环境安装Node.js安装yarn工具二、创建项目三、项目目录梳理项目初始目录结构项目加载过程四、集成UI组件库vant配置按需加载Vant使用组件引入函数组件的样式五、集成UI组件库NutUI配置按需加载NutUI使用组件六、常见错误一、环境安装Node.jsNode.js环境可以使在系统上运行js代码1.下载镜像文件：https://nodejs.org/download/release/v18.8.0/node-v18.8.0-x64.msi2.按照安装向导完成node.js的安装3.验证是否安装好：打开Windows的cmd命令行，输入npm--version，输出版本信息则安
当前桌面软件技术有哪些？语言技术优点缺点C#wpf专业的桌面软件技术，功能强大学习成本高Javaswing/javaFx跨平台和语言流行GUI库少，界面不美观C++Qt跨平台，功能和类库丰富学习成本高Swift无非跨平台，文档不友好，UI库少JSelectron跨平台，入门简单，UI强大，扩展性强内存开销大，包体大。为什么使用electron？我们先来看一下electron技术的官方介绍：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Win
electron应用打包成功纪念一下，以前曾经行过后来打包各种报错，现在有空就尝试解决一下首先安装nvm能够方便切换node版本curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh|bash顺利安装后你用nvmlist查看node列表时会告诉你这个nvm不存在解决办法:source~/.bashrc接着执行nvmlist可以，然后安装需要的版本npminstall8.16.2回到最初版本然后打包看各种错误errorwhileloadingsharedlibraries:libgconf-2.so.4sudo
一、安装node和npm运行cmd查看是否安装及版本号npm-vnode-v二、安装electronnpm直接安装会报错缺少什么文件，使用cnpm进行安装直接安装cnmp后，再用cnmp命令安装可能会报错Error:Cannotfindmodule‘node:util’原因是npm版本与cnpm版本，先卸载再指定版本安装//卸载原先版本npmuninstallcnpm//安装指定版本npminstall-gcnpm@6.0.0--registry=https://registry.npm.taobao.org//查看安装版本cnpm-v//全局安装electroncnpminstall-gel
将Puppeteer的可执行路径设置为Electron的可执行路径来实现这一点以下是一个示例代码，展示了如何在Puppeteer中使用Electron的浏览器二进制文件：constpuppeteer=require('puppeteer-core');(async()=>{//设置Electron的可执行路径constexecutablePath='/path/to/electron';//启动Puppeteer，并将可执行路径设置为Electron的可执行路径constbrowser=awaitpuppeteer.launch({executablePath,});//进行其他操作...aw
目标：前端将静态页面文件夹所有页面打包成一个exe文件（不包含其它文件）可运行。步骤1、初始化npminit此时项目多出一个package.json文件。{"name":"my-electron-app","version":"1.0.0","description":"HelloWorld!","main":"main.js","scripts":{"start":"electron."},"author":"JaneDoe","license":"MIT","devDependencies":{"electron":"^18.0.4"}}2、在根目录下新建main.jsconst{app,
问题描述打包后的项目启动之后，背景图片没有成功加载，只有一片空白。此时打开调试工具可以看到,electron自动把图片路径加上了/img/ 我们这时打开打包后的dist_electron文件夹，打开bundled\img目录, 这就是上面报错的路径。 解决方法:对于背景图片,不要使用如下background:url('..')的形式,这样写会在npmrunelectron:build打包之后，背景图片路径找不到。.box{background:url('@/assets/mainbg.png');//错误写法background-size:cover;width:100%;height:10
