搭建electron-vue项目

搭建electron-vue vue全家桶+element

1、安装vue脚手架

	npm install @vue/cli -g

2、初始化electron-vue项目

	vue init simulatedgreg/electron-vue my-project  // my-project项目名称

3、剩下的一路enter

这里我选择通过electron-builder打包

4、运行项目

	1、cd my-project
	2、npm install 
	3、npm run dev

5、第一启动项目遇到报错 “process is not defined0”

1、找到index.ejs

2、把index.ejs文件中的 <% if (!process.browser) { %> 改成

	<% if (!htmlWebpackPlugin.options.process.browser) { %>

3、找到目录 “./electron-vue/webpack.render.config.js”添加代码

到这里，项目就可以启动了。

项目结构

其中，Electron的主进程和渲染进程在src里分为两个文件夹：main和renderer，Vue的所有代码就放置在renderer文件夹里。

安装ElemenUi

	npm install element-ui -S

然后在 main.js 文件中全局引入，打开 src/renderer/main.js：

	import Element from 'element-ui'
	import 'element-ui/lib/theme-chalk/index.css'
	Vue.use(Element)

项目搭建完成啦