vue与electron

一.安装国内npm管理器

npm install cnpm -g

二.安装vue

cnpm install vue

安装vue，如果提示：

cnpm : 无法加载文件 C:\Users\cocolone\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1

解决方式：

1、在系统中搜索框 输入 Windos PowerShell

2、点击“管理员身份运行”

3、输入“ set-ExecutionPolicy RemoteSigned”回车

4、根据提示，输入A，回车

5、再次回到cnpm -v执行成功。

转发大佬链接：https://blog.csdn.net/chengjingxuang123/article/details/105470815/

ps：不只是cnpm命令，包括pnpm、yarn等这些命令，如果执行时，报这样的错误，都可以通过此方法解决。前提是，如果是用npm命令来安装这些CLI命令工具，必须安装到全局环境中，才能生效。

三.安装vue-cli3

cnpm install -g @vue/cli

四.vue create vue-electron

使用vue-cli3创建一个新的vue项目

五.修改npm配置文件中镜像地址，便于安装electron和electron项目管理器

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

六.安装electron和electron项目管理器，可以打包或者新创建electron项目

vue add electron-builder
cd vue-electron
npm run serve

七.运行electron测试，启动electron应用的时候会先启动web应用

cd vue-electron
npm run electron:serve

八.打包新创建的项目vue-electron

cd vue-electron
npm run electron:build