《electron封装vue为桌面应用》

需要node版本>=10

1. vue create test，创建名为test的vue脚手架
   这个命令需要CLI 3，所以先通过npm uninstall -g vue-cli卸载之前的vue-cli，再通过npm install -g @vue/cli重新安装
2. cd test
3. vue add electron-builder 或 yarn add vue-cli-plugin-electron-builder -D --tilde
4. 安装路由，npm install vue-router --save-dev
5. 安装element-ui，npm i element-ui -S

• 使用element-ui需要在main.js中写

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI);

7. 安装依赖，npm install

• 如果安装失败，可能是下载源的问题，换成淘宝源
  npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

8. 安装SASS加载器，cnpm install sass-loader node-sass --save-dev
9. 调试。npm run electron:serve，如果很慢的话，可以注释background.js中的

  if (isDevelopment && !process.env.IS_TEST) {
    // Install Vue Devtools
    try {
      await installExtension(VUEJS_DEVTOOLS)
    } catch (e) {
      console.error('Vue Devtools failed to install:', e.toString())
    }
  }

这里是在尝试安装VUEJS的调试工具

9. 打包。npm run electron:build

更详细的描述可以参考：https://zhuanlan.zhihu.com/p/75764907

遇到的问题

1. 在vue组件中使用require导入nodejs的模块时，在node_module中的包都是有的，但就是调用失败，错误信息如下：
   

解决方法： 在background.js即electron的核心文件中，把nodeIntegration 设置为true 和 contextIsolation 设置为false，在vue组件中使用window.require()导入需要的nodejs模块

原因： 查看文档 https://www.electronjs.org/docs/tutorial/quick-start，至于为什么用window.require()，还不知、、、、。
可参考的分析：https://www.cnblogs.com/cdyang/p/electron-require-error.html