发布了文章2024-08-17
云风网 云风笔记云风知识库上篇已经初步搭建完项目,这次配置比较重要的一部分,那就是开启调试工具,这是开发项目比较重要且基础的部分vite.config.ts配置更新 {代码...} 这里找到electron/main.ts文件,添加开启工具的代码 {代码...} 直接可以看到效果
发布了文章2024-08-16
云风网 云风笔记云风知识库开发项目必然少不了通过接口获取获取,这就用到了axiosaxios官网一、安装依赖 {代码...} 二、封装通用请求工具src/utils/request.ts {代码...} 三、api请求模块化管理在src下创建api文件夹,新建文件user.ts用来管理登录等用户相关的接口 {...
发布了文章2024-08-16
electron + vue无法使用history模式在Electron + Vue项目中,如果遇到无法使用history模式的问题,通常是因为Vue Router默认使用的是HTML5的history模式,它依赖于浏览器的history API来管理路由。然而,在Electron中直接使用history模式时会遇到问题,因为Electron...
发布了文章2024-08-16
云风网 云风笔记云风知识库在这个项目中采用pinia进行全局状态管理Pinia符合直觉的 Vue.js 状态管理库Pinia和Vuex的主要区别如下:架构设计Vuex采用了集中式的架构,将所有的状态存储在一个单一的全局状态树中,通过mutations和actions来修改和处理状态。Pinia...
发布了文章2024-08-16
CSS 预处理器是一种将预先定义的语法和功能添加到 CSS中的工具。它们允许开发人员使用变量、嵌套规则、混合、继承等功能,以更高效和可维护的方式编写样式表,其中常用的有sass/less/stylus,这里采用的sass方案
发布了文章2024-08-16
云风网 云风笔记云风知识库上篇配置完路由基本可以进行业务逻辑界面开发了,但是对于头部存在的菜单栏明显是不符合需求的,这里可以配置隐藏一、配置应用名称以及图标/index.html {代码...} electron/main.ts {代码...} 二、隐藏头部菜单栏 {代码...} 也可以通过配置...
发布了文章2024-08-16
云风网 云风笔记云风知识库一、安装依赖 {代码...} 二、配置项目文件路径三、配置路由router在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由 {代码...} 在src下的main.ts中引入路由 {代码...} 在App.vue中使用路由 {代码...} 四、运行项...
发布了文章2024-08-16
unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。unplugin-auto-import是一个用于Vue.js的插件,它可以自动导入Vue.js的相关API,如Vue自身,Vue的...
发布了文章2024-08-16
云风网 云风笔记云风知识库electronforge可将前端静态页面打包成.exe、.deb和.rpm等,能适配各种平台一、安装依赖 {代码...} 安装后package.json自动生成新的命令 {代码...} 直接运行npm run start,报错如下这个报错信息表明你正在使用的 forge.config.js 文件被当作...
发布了文章2024-08-16
执行npm install可能会报错1、socket hang up2、connect ETIMEDOUT 20.205.243.166:443这是electron的安装并不依赖本地npm中registry所配置的镜像,需要增加名称为electron_mirror的镜像源。