vue_electron问题总结

最新推荐文章于 2023-09-12 13:21:07 发布

milanla

最新推荐文章于 2023-09-12 13:21:07 发布

阅读量276

点赞数

文章标签： vue.js electron javascript

本文链接：https://blog.csdn.net/milanla/article/details/127462434

版权

electron vue 可能出现的问题

安装node js (.msi 安装包)

// 确保安装上了
node -v
npm -v

换源 - 淘宝源

// 当前 npm 源
npm config get registry
// 更换成淘宝源
npm config set registry https://registry.npm.taobao.org/

安装 cnpm

```shell
npm install -g cnpm --registry=http://registry.npm.taobao.org
```

安装vue脚手架

npm install -g @vue/cli

修改 vue 的设置，在c盘用户目录下的 vue.rc 文件中修改为true，否则之后的vue add 不走淘宝镜像，参考： https://blog.csdn.net/qq_45942606/article/details/121851603

创建vue项目

vue create myproject

管理员模式打开 powershell 执行（否则无法运行脚本）：

set-executionpolicy remotesigned

安装 electron-builder

vue add electron-builder

运行前准备，参考：https://blog.csdn.net/weixin_35958891/article/details/122808512

// 修改src/background.js
// 目的是阻止在运行前下载 DevTools，需要挂梯子
app.on("ready", async () => {
  // if (isDevelopment && !process.env.IS_TEST) {
  //   // Install Vue Devtools
  //   try {
  //     await installExtension(VUEJS3_DEVTOOLS);
  //   } catch (e) {
  //     console.error("Vue Devtools failed to install:", e.toString());
  //   }
  // }
  createWindow();
});