一、 electron-vue + quasar 环境搭建

最新推荐文章于 2024-12-27 10:28:23 发布
最新推荐文章于 2024-12-27 10:28:23 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： electron-vue+quasar 文章标签： electron quasar node-gyp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42943955/article/details/103087378
版权
本文介绍了如何搭建一个结合electron和quasar的开发环境，详细讲解了从环境配置到安装必要的开发工具，如VSCode、node.js、cnpm、yarn、Quasar CLI，以及可选的Visual Studio和node-gyp，为后续的项目创建和启动做好准备。
摘要由CSDN通过智能技术生成

electron 和 quasar 简介

  1. electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,简单来说就是使用HTML那套做GUI程序。
  2. quasar 简单来说是一套基于VUE的控件库，采用Material风格。

开发工具

使用什么工具看个人喜好,这里使用的VSCode

我用的开发环境

  1. Windows 10
  2. VSCode
  3. VS2019 (VS2015 及以上版本应该都可以)
  4. node.js 12.13.0

环境配置

  1. 安装 node.js

最好安装 LTS (长期支持版),太新或太老可能导致库不兼容出现各种莫名其妙的问题。
安装完成后打开控制台输入node -v 如果正确出现版本号表示安装成功,如果出现 ′ n

最低0.47元/天 解锁文章
F x
关注
专栏目录
用Quasar开发Vue3+Electron跨平台应用的简单指南
军火库
12-15 2044
Quasar是一个开源的vue.js基础框架，简单配置即可在其基础上进行SPA, SSR, PWA, 手机网站以及跨平台应用程序的开发，本文将简述如何基于进行桌面应用开发。Quasar挺好用的，目前基于这套框架开发了几个桌面APP，也没碰到什么bug，他们前端组件升级更新啥的也很快。唯一不足就是中文文档和技术文章相对较少，碰到问题基本上要去看官网上的英文文档，不过还好英文文档还是挺 完善的。
quasar配置env开发环境配置.env.development和.env.production
李恒道的博客
01-24 1245
转载自油猴中文网：bbs.tampermonkey.net.cn 李恒道QQ4548212 油猴中文网bbs.tampermonkey.net.cn TamperMonkey GreaseMonkey 油猴脚本 脚本交流 脚本分享 油猴脚本开发 油猴基础开发 油猴 油猴中文 公众号:叛逆青年旅舍 https://bbs.tampermonkey.net.cn/ 方法2 dot-env 大概测试了下，不知道是我个人问题还是配置问题，无法再quasar.config.js读取到env环境配置，所以又找到了这个方
quasar-electron
05-26
QuasarElectronApp（类星体电子） 类星体+电子+ Vue类星体管理 安装依赖项 yarn 在开发模式下启动应用程序（热代码重新加载，错误报告等） quasar dev 整理文件 yarn run lint 构建用于生产的应用 quasar build 自定义配置 请参阅 。
【quasar+electron使用笔记1】
l983371的博客
10-10 719
在electron中进行串口交互
Electron Quasar 文件浏览器项目推荐
最新发布
gitblog_01149的博客
12-27 357
Electron Quasar 文件浏览器项目推荐 electron-quasar-file-explorer A Simple File Explorer using Vue/Quasar/Electron 项目地址: http...
推荐使用：基于Quasar和Electron的文件管理器
gitblog_00035的博客
06-02 431
推荐使用：基于Quasar和Electron的文件管理器 electron-quasar-file-explorerA Simple File Explorer using Vue/Quasar/Electron项目地址:https://gitcode.com/gh_mirrors/el/electron-quasar-file-explorer 1、项目介绍 本项目是一个采用最新版Quasar...
quasar+electron+webpack+vue3+ts
Web_monkey888的博客
04-25 343
quasar+electron+webpack+vue3+ts
quasar2&vue3开发之桌面端应用模式electron
m0_56895352的博客
02-28 448
命令执行后会生成这个文件包，同时electron所需的依赖也会一起被下载但是可能会出现下载报错的情况，这里的处理方式是使用electron的淘宝镜像就没问题了，在运行命令前先设置淘宝镜像。electron淘宝镜像 npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
:warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新Quasar版本的能力，您应该使用Quasar CLI 请通过您的网站/ app / Quasar教程/视频等将PR提交到 。谢谢！...
程序员为什么还要刷题-electron-quasar-file-explorer:使用Vue/Quasar/Electron的简单文件资源管理
07-07
Quasar（和 Vue）构建电子文件浏览器 注意：此 repo 已升级为使用 Quasar Framework v1.14.1 和 Electron v10.1.3 。 对于之前使用 Quasar Framework v0.17+ 和 Electron v3+ 完成的工作，请转到。 另请注意，下面的...
vue-electron：一个带有vue-cli脚手架，常见Vue插件，electron-packagerelectron-builder，unite2e测试，vue-devtools和webpack的Electron＆Vue.js快速入门样板，Quasar1.xVuetify2.x SassLessStylus
01-31
具有vue-cli支持的Electron＆Vue.js快速入门样板 资讯 入门 # Install vue-cli and scaffold boilerplate $ npm install -g @vue/cli $ npm install -g @vue/cli-init $ vue init kdydesign/vue-electron my-...
Node.js-vue-quasar-admin是基于Quasar-Framework搭建的一套包含通用权限控制的后台管理系统
08-10
Vue.js Quasar Admin 是一个利用 Vue.js 框架，特别是 Quasar Framework 开发的后台管理系统模板。Quasar Framework 是一个高性能、可扩展的前端框架，它允许开发者快速构建响应式、跨平台的应用程序。这个项目不仅...
vue全家桶+Electron+Quasar框架快速构建跨平台应用
leida_wt的博客
02-20 9214
快速、低成本的构建跨平台GUI应用是十分重要的，典型的解决方案有Qt技术和基于web的方案等。鉴于笔者的需求主要是呈现一些科研图表或视频流，并无复杂的交互逻辑，故选择基于web的方案比较合适。具体的，根据之前的使用经验，选择vue来做界面逻辑，vue的生态比较完善，有很多GUI框架可用。加壳打包自然是选择使用Electron来做。本文记录学习和使用vue全家桶+Electron快速构建跨平台GUI程序的一些心得。 先导知识 JS+HTML+CSS三件套 廖雪峰JS教程 w3school HTML教程 w3s
使用Quasar框架开发Electron 软件问题汇总
开发的那些事儿
03-10 2465
因为Electron软件源被墙，导致npm或者yarn无法顺利安装electron模块的问题 先运行npm 或 yarn 将项目package.json中的模块安装一遍 然后针对electron模块，可以在命令行工作添加镜像的环境变量 #cmd，用于mac set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ set ELEC...
quasar + vite + electron 程序启动时自动运行node脚本
KKDKK_的博客
03-28 511
electron 程序在启动同时运行node 后台脚本
探索跨平台桌面应用开发：Electron与Quasar框架的完美结合
gitblog_00491的博客
08-15 892
探索跨平台桌面应用开发：Electron与Quasar框架的完美结合 项目地址:https://gitcode.com/gh_mirrors/el/electron-quasar-file-explorer 项目介绍 在当今的软件开发领域，跨平台应用的需求日益增长。Electron和Quasar框架的结合，为开发者提供了一个强大的工具，用于构建功能丰富、界面友好的桌面文件浏览器。本文将详细介绍这一...
[前端] 如何使用Quasar创建应用
长路漫漫，以勤作车
02-26 2564
本篇文章主要介绍了如何搭建UI框架Quasar的环境，并且详细讲解了如何通过脚手架创建Quasar应用。
安装 quasar 工具
weixin_46256404的博客
03-27 173
安装 quasar 工具
quasar如何打包electron桌面应用安装包（可以发给好友安装的那种！
前端小白学习中...
11-08 1920
再添加quasar electron模式 quasar mode -a electron 在package.json的scripts对象中加上 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build": "node build/build.js", "electron_dev": "npm run build && electron ...
electron打包vue
10-24
Electron是一个开源框架，用于构建桌面应用程序，它结合了Node.js的技术栈（Chromium浏览器引擎和Node.js运行环境）。如果你想把Vue.js应用打包成跨平台的桌面应用，可以按照以下步骤操作： 1. **安装依赖**： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值