快速搭建electron-vue脚手架

已于 2022-04-26 13:31:22 修改
阅读量1.5k 收藏 4
点赞数 1
分类专栏： electron学习 文章标签： electron vue
于 2022-04-26 13:04:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44961097/article/details/124425447
版权
本篇博客介绍了如何搭建一个Electron-Vue应用。首先，需要通过npm全局安装vue-cli，然后使用vue init命令初始化项目，命名为vue-demo1。接着进入项目目录并安装依赖，最后运行npm run dev启动项目。过程中涉及的关键步骤包括项目初始化、依赖安装及项目启动。
摘要由CSDN通过智能技术生成

创建electron-vue脚手架
要搭建electron-vue项目要先安装vue-cli脚手架
通过cmd终端安装npm install -g vue-cli
或者通过命令npm i @vue/cli -g
1.初始化electron-vue项目

vue init simulatedgreg/electron-vue vue-demo1

其中vue-demo1是项目名
2.其中的一些配置如下
在这里插入图片描述
3.到项目里去cd vue-demo1
4.安装依赖npm install
5.启动项目 npm run dev

爱鱼的可爱喵
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Electron-vue项目搭建
liuxufeiyang000的专栏
07-09 780
1. 安装node.js 建议安装V10版本的node.js，这个是比较稳定的版本。安装最新版本node.js，vue会安装不成功，只能卸了降版。 2. 检查node.js和npm是否安装成功 node -v npm -v 能正确显示版本号就是安装成功 3. 安装Electron cnpm install -g electron 检查是否安装成功：electron -v 检查能否正常运行electron：electron，正常弹出e...
vue+element-ui.rar
04-23
在实际项目中，开发者可能会结合Vue CLI（Vue的命令行工具）创建项目，它提供了一套脚手架，用于快速初始化一个带有Vue.js和相关配置的项目。不过，本压缩包可能是一个手动搭建的环境，没有包含Vue CLI的初始化配置...
从零开始手把手教利用electorn+vue搭建一套客户端开发环境
weixin_41952131的博客
04-17 2579
针对网上electron开发框架太繁琐复杂的问题，本文从web端和electron端构建了客户端开发环境，并利用npm包工具解决多命令行开启和白屏问题。
vue3项目使用Electron打包成exe的方法与打包报错解决
最新发布
梦翼横空的专栏
06-20 756
解决：打开cmd 执行 npm config edit。2.在vue项目根目录新建文件index.js。3.package.json文件编辑。将vue3项目打包成exe文件方法。打开配置文件 粘贴以下内容。1.安装electron。
vue-electron脚手架
weixin_30496751的博客
04-04 179
vue-electron官方文档(中文):https://simulatedgreg.gitbooks.io/electron-vue/content/cnvue-electron官方文档(英文):https://simulatedgreg.gitbooks.io/electron-vue/content/en 1.脚手架搭建流程步骤 # 安装 vue-cli 和 脚手架样板代码 npm...
Vue-Electron脚手架安装
weixin_39001286的博客
02-25 481
文章目录一、前提条件二、安装三、运行四、打包五、通信总结 一、前提条件 1.电脑已经安装好node和vue-cli脚手架；npm run build:win32; 2.命令行进入到需要安装vue-electron的目录下; 二、安装 命令行运行 vue init simulatedgreg/electron-vue 三、运行 1.安装依赖 npm install 2.运行 npm run dev 四、打包 1.打包 npm run build:win32 五、通信 一个electron
Electron-vue脚手架改造vue项目（2024
2401_84092456的博客
05-10 930
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Electron-vue脚手架改造vue项目的方法.docx
01-13
Electron-vue 项目的结构与 Vue 项目相同，都是使用 Vue-cli 脚手架进行搭建开发环境。 要将 Vue 项目改造成 Electron-vue 项目，需要按照以下步骤进行： 1.首先，需要安装 Electron-vue 脚手架，并使用命令 `vue...
安装vue-cli的简易过程
12-11
Vue CLI，全称为Vue.js Command Line Interface，是一个官方提供的强大脚手架工具，用于快速搭建Vue.js项目。Vue CLI简化了Vue项目的初始化和配置过程，使得开发者能够更专注于编写核心业务逻辑，而不是处理构建配置...
vue-cli-electron:基于vue cli建造的电子脚手架
03-26
Vue CLI是Vue.js官方提供的一个脚手架工具，用于快速搭建复杂的Vue.js项目。它包括了一系列预设的配置和插件，使得开发者可以避免繁琐的初始设置工作，专注于编写核心业务逻辑。Vue CLI支持零配置启动，同时也允许...
Electron React MobX脚手架
03-13
# Electron React MobX开发脚手架 基于最新版本的Electron、React和MobX，使用了Office Fabric UI组件，支持打包发布跨平台应用。 ## 如何使用 1. 安装 node modules ```bash yarn ``` 2. 启动 React ```bash yarn start ``` 1. 启动 Electron ```bash yarn estart ``` ## 如何打包发布 1. 切换 DEV 属性为 false ```json /* package.json */ "DEV": false, ``` 2. 编译 React 和 Electron ```bash yarn build && yarn package ``` 3. 可执行文件就在项目的./dist目录下。
vue-electron：一个带有vue-cli脚手架，常见Vue插件，electron-packagerelectron-builder，unite2e测试，vue-devtools和webpack的Electron＆Vue.js快速入门样板，Quasar1.xVuetify2.x SassLessStylus
01-31
:high_voltage: Vue电子样板 具有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-project $ cd my-project $ npm install $ npm run dev 关于主要模块 vue-electron使核心依赖模块保持最新。 :red_heart_selector: 核心 模组 版 电子 11.x Vue-CLI 3.x Vue 2.x 巴别塔 7.x :trident_emblem: CSS预处理器 模组 版 萨斯 5.x 减 4.x 触控笔 0.54.x :white_medium_star: 构架 模组 版 类星体 1.14.x 证明 2.4.x 执照 版权所有（c）
Node.js-Electrify一个使用electron将网站转换为桌面应用的脚手架工具
08-09
Electrify一个使用electron将网站转换为桌面应用的脚手架工具
2020.9最新-VUE核心技术视频.txt
09-26
3. **项目脚手架 Vue CLI**：Vue CLI 是官方提供的脚手架工具，可以快速搭建Vue项目的开发环境。 #### 四、Vue.js的基本用法 - **创建Vue实例**：通过 new Vue({}) 创建Vue实例，并指定选项对象。 - **模板语法**：...
第一章 快速搭建Electron+Vite3+Vue3+TypeScript5脚手架 (无需梯子，快速安装Electron)
Etc.End的博客
04-29 3841
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验(这段话是来自官网)。
Electron-Vue 脚手架避坑实录，兼容Win11，升级electron22，清理控制台错误
王森的博客
05-10 1131
electron 这东西文档乱七八糟，版本迭代飞快，里面技术还多得不得了，但强大是真的强大，好用是真的好用，头疼是真的头疼，搞不好就内存泄漏了，问题多多，踩坑多多，后期我把代码整理号了，发到gitee上，再追加上来。npm可以设置代理，如果不会的，请自行搜索，这里就细讲了，有时候代理也不行就需要，在控制台，设置环境，不加这个，也能让你下载安装包下到怀疑人生，实在搞不了安装包问题的，可以私信我发node-modules。还有个热更新报错，这个去年已经讲了，这里就不再赘述，改了即可。
基于新版 Electron 的 Vue 脚手架
jyliyue的博客
05-23 454
前言 由于目前网上的 electron-vue 库长久未更新，于是基于新版本的 electron 搭了一个 vue 脚手架，封装了通用的开机自启，自动更新，关闭按钮最小化等功能，方便大家入坑 electron 仓库 https://github.com/jyliyue/electron-vue-cli.git 介绍 1、配置文件 src/config/index.js const config = { isAutoOpen: true, // 开机自启 isOnlyOpen: true, /
搭建electron_vue项目
weixin_71329368的博客
09-28 208
搭建electron_vue项目，使用electron镜像解决搭建出现的问题。
electron-vue + vue-cli + element-ui 实时热更新版
08-09
Vue-cli是Vue.js官方提供的脚手架工具，可以帮助开发者快速搭建Vue.js项目。它提供了一些基础模板，可以选择使用不同的配置模板来创建项目，并且集成了一些常用的开发工具和构建工具，使得开发者可以更方便地进行...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱鱼的可爱喵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值