electron-vue-element从零搭建项目（二）

项目目录结构

src目录下创建main文件夹，renderer文件夹
将background.js放到main文件夹下，该文件夹为主进程相关代码
其余文件全部移入到renderer文件夹下，该文件夹为渲染进程相关代码

运行项目报错，需要手动修改入口文件，src同级目录添加vue.config.js文件，添加如下配置

yarn add element-plus

renderer/main.js加入

import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
createApp(App).use(ElementPlus).use(store).use(router).mount('#app')

接下来就可以根据自己的需求进行开发

electron-vue-element从零搭建项目（二）相关推荐

使用vue+webpack从零搭建项目
vue到现在已经成为一个热门的框架,在项目实践当中,如果想要创建一个新项目,通常都会使用vue-cli的脚手架工具,毋容置疑能够方便很多,很多东西也不需要自己亲自去配置.都知道,脚手架其实是vue结合 ...
typeorm mysql_从零搭建项目 (10) --- 后端: 使用 TypeORM 和 MySQL
从零搭建项目 (10) --- 后端: 使用 TypeORM 和 MySQL 我的博客地址正式地址测试地址前端源码后端源码文章目录项目及其技术栈介绍前端: 项目初始化前端: 使用 Sa ...
成功启动electron-egg项目，electron+vue的傻瓜式搭建
文章目录零.总结半.本篇目的一.安装 VirtualBox 二.下载Windows11镜像二.下载Windows11镜像(替代步骤) 三.创建虚拟电脑其他.设置Win11系统(可选步骤) 四 ...
electron-vue-element从零搭建项目（一）
版本信息 vue/cli 4.5.15 yarn 1.22.5 以下操作需要先安装vue/cli和yarn/npm Vue脚手架创建项目 vue create productname 本项目vue使用 ...
vue+element+admin（初始化项目）
2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...
Vue + Element + VSCode 零基础搭建第一个项目
一.确认node.npm的是否安装. 在键盘按下[win+R]键,输入cmd,然后回车,打开cmd窗口,在cmd窗口内分别使用以下两个指令检查node.npm的安装版本(输入后回车执行) node - ...
Vue + element从零打造一个H5页面可视化编辑器——pl-drag-template
pl-drag-template Github地址:https://github.com/livelyPeng/pl-drag-template 前言想必你一定使用过易企秀或百度H5等微场景生成工具 ...
你还在费力的从零搭建项目吗？
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料作者 | 无知者云链接 | https://www.cnblog ...
你还在从零搭建项目？
点击上方"方志朋",选择"设为星标" 做积极的人,而不是积极废人作者 | 无知者云链接 | https://www.cnblogs.com/davenkin ...

electron-vue-element从零搭建项目（二）

项目目录结构

electron-vue-element从零搭建项目（二）相关推荐

最新文章

热门文章