【electron】将vue网页端项目改成桌面端

 

 

原因：首次在计算机上启动 Windows PowerShell 时，现用执行策略很可能是 Restricted（默认设置）。Restricted 策略不允许任何脚本运行，防止执行不信任的脚本。

解决办法：

重新打开编辑器，以管理员身份运行vscode，输入命令

set-executionpolicy remotesigned

再次执行命令创建vue项目就可以啦。

修改文件

直接用npm config edit在文件里面添加
electron_mirror=https://npm.taobao.org/mirrors/electron/
electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/
之后就可以直接下载了，保险一点先全局安装一个electron, npm install electron -g

C:\Users\Administrator\.npmrc

electron_mirror=https://npm.taobao.org/mirrors/electron/

electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/

 

 

执行

vue add electron-builder

选 y

运行

npm run electron:serve

 

 

 

 

打包

npm run electron:build

注意

electron-builder的路径不要存在中文 

在使用vue/cli4的时候，使用vue add electron-builder，在渲染进程只要一引入electron，都会报错 __dirname is not defined， 要用window.require("electron")

可以 直接使用electron-vue来写桌面端