Electron+vue的使用

Posted 2023-03-05

参考技术A Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。 Electron官网

安装成功之后 node -v ,会显示版本。

我们直接使用脚手架工具vue-cli
我们在国内的npm非常慢，所以我们需要重新设置npm镜像，我设置的是淘宝的镜像

我们可以看一下镜像地址是：

我们安装脚手架工具：

我们安装web-pack：

我们搭建项目：

我们到 YLeMusic 目录下，之后执行：

我们浏览器打开 http://localhost:8080
此时显示的是

我使用npm 能安装，我测试了好像可以只能使用cnpm,所以需要先安装cnpm。

使用cnpm安装Electron

所以需要我们增加执行的权限：

我们看一下是否安装成功：

我们安装成功了。

main.js

package.json

我们就可以看到我们的桌面应用运行起来了。

使用electron-vue 脚手架工具