win环境，构建 electron-vue范例的准备工作

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

苏南大叔在本文中，将要讲述的内容是:如何在window环境下，构建electron-vue的demo，在mac系统下，我们很容易就构建成功了。但是在windows下面，经常会有这样或者那样的各种问题。苏南大叔针对window环境下的构建，再进行特殊说明。

前置文章阅读项目：

• https://newsn.net/say/electron-npm.html

使用最新版node

到官方网站下载最新的node软件。保守的话，就下载左边的LTS版本，激进的话，就下载右侧的current版本。下载地址如下：

• https://nodejs.org/

安装git客户端

如果没有下载好git，可以到下面的地址下载：

• https://git-scm.com/download

当然如果您已经安装好了git的话，在命令行里面是能够识别出git命令的。比如：

否则，可能会遇到如下类似的错误提示信息：

详细安装过程，可以点击下面的链接查看：

• https://newsn.net/say/window-git-client.html

使用管理员模式的powershell

这个也非常简单，powershell右键使用管理员模式就行了。不过，这个管理员模式的powershell，并不是必须的。普通的cmd也是一样一样的。只不过为了以防万一，给它个最大权限而已。

设置npm的config

npm config set registry https://registry.npm.taobao.org/
npm config set electron_mirror http://npm.taobao.org/mirrors/electron/

这里强烈建议大家看一下下面两篇相关文章。

• 关于命令electron_mirror：https://newsn.net/say/electron-mirror.html
• 更多npm config set设置：https://newsn.net/say/electron-npm.html

安装vue-cli

npm或者yarn全局安装即可。

npm install -g vue-cli

重点，安装windows-build-tools

这个是在electron-vue文档里面，特别提及的注意事项:

• http://electron.org.cn/vue/getting_started.html#a-note-for-windows-users
• github主页地址是：https://github.com/felixrieseberg/windows-build-tools

安装脚本如下：

npm install --global --production windows-build-tools

这个工具包的安装，特别要求使用管理员权限的powershell。否则就会看到如下类似提示哦。

关闭数字公司家的产品

如果不关闭的话，给你提示阻拦还好。实践证明，数字公司的软件，还会默默阻拦相关操作。当你的命令行莫名的卡住不动，或者类似死循环的时候，请考虑关闭，数字公司的软件。

调整命令行的编码

为了避免在编程的时候，在命令行里面看到一些方块的乱码。大家最好调整一下命令行的编码。临时调整的方式是：

chcp 65001

如果想要个永久好用的调整方式，可以点击这里查看。

• https://newsn.net/say/electron-cmd-cn.html

结论

如上所述，是可能是在window下面进行构建的必要步骤。大家自行查看即可。更多苏南大叔提供的electron的相关内容，请点击这里查看。

• https://newsn.net/tag/electron/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。