在electron-vue项目引用element UI

最新推荐文章于 2022-04-06 18:18:14 发布

weixin_30678821

最新推荐文章于 2022-04-06 18:18:14 发布

阅读量728

点赞数

文章标签： ui javascript webpack ViewUI

原文链接：https://juejin.im/post/5d4b95eaf265da03b8104a4c

版权

本文详细介绍了如何在基于electron-vue的项目中使用Element-UI，包括安装loader模块、Element-UI、在渲染进程入口文件引入，并解决了Element组件在electron端渲染不出来及与vue-i18n配合使用时遇到的语言保存和提示文字更改问题。

摘要由CSDN通过智能技术生成

编写时间：2019-08-08
更新时间：2019-08-08 18:23

作者：鬼小妞

备注：本文编写了与在vue项目引用element UI相关的一些知识，仅供参考，描述不当的地方，请评论指正

状态：已完成、待补充2019-08-08

[TOC]

快速抵达：

前提

项目是使用以下命令一键式生成的electron-vue 的项目

vue init simulatedgreg/electron-vue my-project

请检查项目是否已安装style-loader、 css-loader、 file-loader请跳过此步骤，（默认情况下初始化项目是自动安装过的），如果没有，请按照以下步骤来安装

npm install style-loader css-loader file-loader --sava-dev
复制代码

npm install element-ui --save
复制代码

在src\renderer\main.js导入ElementUI

    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(ElementUI)
复制代码

具体请看官网：element组件

关注