启动框架
npm install -g vue-cli
vue init simulatedgreg/electron-vue ele-vue
cd myapp
npm install
npm run dev
一路next完成,其中 electron-packager 用于制作简单的可执行文件,electron-builder用于制作完整功能的程序。
问题:
运行后打开窗口后提示报错,修改 index.ejs文件
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta charset="utf-8">
<title>vest</title>
<% if (htmlWebpackPlugin.options.nodeModules) { %>
<!-- Add `node_modules/` to global paths so `require` works properly in development -->
<script>
require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
</script>
<% } %>
</head>
<body style="height:100%">
<div id="app" style="height:100%"></div>
<!-- Set `__static` path to static files in production -->
<% if (!require('process').browser) { %>
<script>
if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
</script>
<% } %>
<!-- webpack builds are automatically injected -->
</body>
</html>
serial port安装
执行
npm install -g node-gyp
npm install --global --production windows-build-tools
第二个安装报错,解决方式直接到下图路径中手动安装这两个程序(需要联网)
设置npm环境变量
npm config set python python2.7
npm config set msvs_version 2017
npm config set python C:\Python27(指定python2的路径)
vuex dipatch不起作用
参考 https://zhuanlan.zhihu.com/p/66244402 解决,我用的是方法一,方法二没有效果
未完待续