使用electron-vue创建项目卡顿的问题

最新推荐文章于 2024-07-26 10:33:18 发布
最新推荐文章于 2024-07-26 10:33:18 发布
阅读量897 收藏 1
点赞数 1
分类专栏： electron
原文链接：https://blog.csdn.net/qq_42581563/article/details/112180586?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-3&spm=1001.2101.3001.4242
版权

使用electron-vue创建项目卡顿的问题

1.执行vue init simulatedgreg/electron-vue xxx(project)命令太慢。

推荐解决方法：

1.1、将electron-vue项目先下载下来

1.2安装样板代码

  • F:\privateProjects\workspace\project\Elc\ele-vue\electron-vue 是下载下来后的项目路径(根 据 自 己 下 载 的 位 置 自 行 调 整），my-project 是项目名称。
  • 之后根据如下代码，即可快速构建项目模板。
vue init F:\privateProjects\workspace\project\Elc\ele-vue\electron-vue my-project
广积粮缓称王
关注
专栏目录
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
1. **初始化项目**：使用`electron-vue`初始化项目，设置好基本的Vue和Electron结构。 2. **配置打包**：在`package.json`中配置`electron-builder`，指定输出目录、平台、应用信息等。 3. **集成electron-updater**...
electron-vue 开发(一)——Hello World
陈怂怂的博客
01-11 828
electron-vue 开发(一)——Hello World 前提：安装了 npm、node 提供一个写的不错的一篇文章：走你┏ (゜ω゜)=☞ 我个人喜欢用另一种更快的方式，接下就开始。 1. 安装 vue-cli cnpm install -g vue-cli 或者是 npm install -g vue-cli 都可以。 2. 安装脚手架样板代码 vue init simulatedgreg/electron-vue my-project（my-project是项目的名称，可以修改） 有的时候命令执
Electron-vue
Growing up Or Growing old
01-15 9965
Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。通过将Chromium和Node.js嵌入到其二进制文件中，Electron 允许您维护一个 JavaScript 代码库并创建可在 Windows、macOS 和 Linux 上运行的跨平台应用程序——无需原生开发经验。......
优化之页面卡顿
最新发布
qq_40278396的博客
07-26 365
页面卡顿原因有：渲染组件过多，代码执行时间长。
vue+electron 跨平台桌面应用开发实战教程
家有喜娟儿的博客
04-08 9590
默认即可
【electron-vue】教程：从零开始搭建跨平台桌面应用
freeGameBox的博客
06-02 2356
要打包和发布electron-vue应用，你需要先在package.json文件中配置一些信息，例如应用名称，版本，描述，作者，许可证等。要使用electron-vue，你需要先安装Node.js和npm，然后全局安装vue-cli，这是一个用于创建vue项目的命令行工具。这个命令会让你输入一些项目信息，例如项目名称，描述，作者等，然后会自动下载electron-vue模板并安装依赖。这个命令会使用electron-builder来打包应用，并根据你的操作系统生成相应的安装文件。
electron-vue脚手架项目初始化(downloading template)太慢问题处理（切回国内镜像方法）
Flying的博客
08-30 5796
electron-vue脚手架项目初始化太慢处理（切回国内镜像方法） 方法一：(此方法还是很慢，推荐第二种方法) 1.npm 设置国内镜像 第一句为设置npm淘宝镜像 第二句设置 electron镜像位置 npm config set registry https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR http://...
electron-vue-template:electron vue 模板
05-08
electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...
electron-vue3windows桌面项目.zip
05-13
标题 "electron-vue3windows桌面项目.zip" 暗示我们正在处理一个使用Electron框架构建的Windows桌面应用程序，该程序结合了Vue.js 3框架。这个项目可能是一个笔记应用，因为子文件名 "electron-vue3-inote-main" 中...
electron-vue-serialport:electron-vue serialport 串口读取
05-24
项目参考项目运行环境1，...version 2017其他安装方法……百度项目的安装与使用clone到本地# clone到本地git clone https://github.com/648702308/electron-vue-serialport.git# 切换到项目目录npm install`或者`cnp
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
【Electron+Vue】【一】开发跨平台桌面应用了解+构建
BMG-Princess
02-08 5913
目录 基础综合介绍： 环境搭建： 安装Electron Electron应用程序分成三个基础模块：主进程、进程间通信和渲染进程。 【主进程】 【渲染进程】 【主进程与渲染进程通信】 src目录结构 main目录 渲染进程 qq音乐播放器 网易云音乐 其他基于 ELECTRON-VUE 的作品 基础综合介绍： 虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，..
Electron 集成 Vue —— electron-vue
朝阳39的博客
01-14 4231
目录 1. 全局安装vue的脚手架 2. 下载electron-vue的项目模板 3. 指定依赖下载源 4. 下载项目依赖 5. 修改配置文件 6. 启动项目 1. 全局安装vue的脚手架 命令行中运行（若没有安装yarn，请自行安装yarn） yarn global add @vue/cli-init 2. 下载electron-vue的项目模板 electron-vue-start为项目名，可自定义为任意名称 vue init simulatedgreg/ele.
Electron + Vue3 开发桌面应用
热门推荐
Hyung的博客
01-04 2万+
Electron + Vue3 开发桌面应用
Electron-Vue的基本使用
m0_54853146的博客
03-11 3856
Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架，单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。 1. 环境搭建 // 安装脚手架 npm install -g vue-cli // 初始化项目 vue init simulatedgreg/electron-vue my-project // 进入项目 cd my-project // 安装依赖 yarn 上面的项目在初始化时一定要安装Electron，另外安装依赖时也可以 npm
electron-vue 入门
qq_36248539的博客
05-27 2105
electron-vue 简要介绍 vue只是在renderer进程里使用的框架，不涉及到main进程。如下图： 大体的项目结构如下，根据选择的不同设置结构会有所不同： my-project ├─ .electron-vue │ └─ <build/development>.js files ├─ build │ └─ icons/ ├─ dist │ ├─ electron/ │ └─ web/ ├─ node_modules/ # npm install ├─ src │ ├─
electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了
qq_32244819的博客
12-07 6530
准备环境： 1、nodejs 1、安装cnpm、yarn npm install -g cnpm --registry=https://registry.npm.taobao.org npm install -g yarn 2、修改yarn的镜像 yarn config set registry https://registry.npm.taobao.org -g 3、设置electron的yarn镜像（要不然安装依赖会出错） 打开C盘下的用户目录（mac就在用户目录下，需要显示隐..
Electron + Vue 项目从零创建，不使用 vue-electron-template
qq_41575208的博客
04-17 1891
Electron + Vue + Vite项目构建
亲测有效！解决MacOS在electron软件上打字卡顿的问题
Coding Road
04-22 554
升级MacOS到13后，发现在Microsoft Edge、我来、Obsidian等。
使用electron-vue搭建项目
03-28
1. 安装vue-cli和electron ```bash npm install -g vue-cli npm install -g electron ``` 2. 创建项目 ```bash ...以上就是使用electron-vue搭建项目的基本流程，可以根据实际需要进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值