0%

Vue+Element搭建桌面应用

写这篇文章是因为在开发时发现好多文章都过时了(目测我的很快也要过时了)

现在网上大部分以前的文章都是推荐用electron-vue搭建的,但经过我的实验,vue-cli 4.0完全不能用啊,这里推荐一个新的插件Vue CLI Plugin Electron BuilderGithub官方文档

这个插件使用也十分方便,首先用vue-cli搭建一个Vue的项目:

1
2
3
4
5
6
7
8
# 全局安装vue-cli
npm install -g @vue/cli

# 用vue-cli搭建一个新的项目,其中会需要一些选项,这里不多介绍,可自行查询
vue create <project-name>

# 进入项目
cd <project-name>

之后用添加electron-builder依赖,这里会自动引入Electron,并搭建整个开发环境

1
2
3
4
5
6
7
8
# 添加electron-builder依赖
vue add electron-builder

# 安装相关依赖
npm install

# 运行项目
npm run electron:serve

这里主要是推销一下这个插件,并且帮助大家避雷,就不多介绍其它用法了(本人也是新手)