创建项目🪁 我采用的是vue create命令来建立的,有vue基础的朋友们应该都很熟悉了,我简单再说一下配置,采用的是vue3,勾选router,路由模式是hash,不用勾选vuex,就这样简简单单就好。 完后我们要引入electron,执行npm install electron@18.0.3,完后等待进度条,这样我们就引入成功啦。 接下来为了打包,我们在引入一...
"dev": "vite", "build": "vue-tsc --noEmit && vite build && electron-builder", "preview": "vite preview" }, "dependencies": { "vue": "^3.2.37" }, "devDependencies": { "@vitejs/plugin-vue": "^3.0.0", "electron": "^19.0.10", "electron-builder": "^23.1.0", "typescript...
import Vue from 'vue'import axios from'axios'import ElementUI from'element-ui'; // 新添加 import'element-ui/lib/theme-chalk/index.css'; //新添加 import App from'./App'import router from'./router'import store from'./store'Vue.use(ElementUI); // 新添加if(!process.env.IS_WEB) Vue....
然后在 main.js 文件中全局引入,打开 src/renderer/main.js: import Element from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Element) 1 2 3 你可以在 App.vue 文件中测试是否成功引入 <template> <el-button type="danger">测试element</el-button> <router-view></router...
本文将以electron6.x+webpack4+vue全家桶+element-ui为技术栈,一套代码可以分别打包在客户端和web端,结合webpack支持热更新,打包为exe安装包,过程中会涉及vue全家桶、electron的常见问题、配置和优化,webpack的对应配置等。 一、新建项目 1、初始化项目 ...
为了更加便捷的创建一个vue项目,我们安装脚手架@vue/cli和@vue/init(vue-cli已经deprecated了)。之所以要安装@vue/init,是因为@vue/cli是3的版本,创建项目使用命令vue create app-name,且无法暂时无法使用模板,但是下文要用electron-vue模板进行创建,还是需要vue2的init命令来通过指定模板创建项目,为了兼容vue2的init...
UI组件库:element-plus^2.7.8 状态管理:pinia^2.2.0 国际化方案:vue-i18n@9 图表组件:echarts^5.5.1 markdown编辑器:md-editor-v3^4.18.0 模拟数据:mockjs^1.1.0 打包工具:electron-builder^24.13.3 内置4种通用布局模板,高颜值UI界面、轻量级模块化、高定制性。
1、electron-vueUI框架ElementUi的使用 地址:http://element-cn.eleme.io/#/zh-CN 2、electron-vue中使用element-ui: (1)安装 npm i element-ui-S (2)引入以及配置element-ui renderer/main.js importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI); ...
使用vue-cli搭建Electron-vue+ElementUI项目环境: npm install -g vue vue-cli vue init simulatedgreg/electron-vue 项目名 npm install element-ui -s 注意: 1. 如果node-sass模块报错,则降低node版本,已测V14.15.4可用 2. 找到.electron-vue文件夹下的webpack.renderer.config.js文件,将element-ui加入编译包...
npm install element-ui-S 在渲染进程模块的main.js中加入ElementUI组件 代码语言:javascript 复制 importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'...Vue.use(ElementUI) 完成配置以后,我们就可以按照以往的方式进行前端的开发了。