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

苏南大叔在本文中,将要讲述的内容是:如何在window环境下,构建 electron+vue 的demo,在mac系统下,我们很容易就构建成功了。但是在window下面,经常会有这样或者那样的各种问题。在以前文章的基础上,https://newsn.net/say/electron-npm.html ,我们这里针对 window 环境下的构建,再进行说明。

使用最新版node

非常简单,我们到node的官方网址,下载最新版的8系统。

win环境,构建 electron+vue demo的准备工作 - 001_node

win环境,构建 electron+vue demo的准备工作(图12-1)

安装git客户端

到这里 https://git-scm.com/download 下载即可,当然如果你安装好了的话,在命令行里面是能够识别出git命令的。比如:

win环境,构建 electron+vue demo的准备工作 - git-command

win环境,构建 electron+vue demo的准备工作(图12-2)

使用管理员模式的powershell

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

win环境,构建 electron+vue demo的准备工作 - 002_powershell_admin

win环境,构建 electron+vue demo的准备工作(图12-3)

设置npm的config

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

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

win环境,构建 electron+vue demo的准备工作 - 003_npm_config

win环境,构建 electron+vue demo的准备工作(图12-4)

安装vue-cli

npm或者yarn全局安装即可。

npm install -g vue-cli

win环境,构建 electron+vue demo的准备工作 - 004_npm_vue_cli

win环境,构建 electron+vue demo的准备工作(图12-5)

重点,安装windows-build-tools

这个是在electron+vue文档里面,特别提及的注意事项。

安装脚本如下:

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

win环境,构建 electron+vue demo的准备工作 - 010_tools_install

win环境,构建 electron+vue demo的准备工作(图12-6)

win环境,构建 electron+vue demo的准备工作 - 011_tools_install_2

win环境,构建 electron+vue demo的准备工作(图12-7)

win环境,构建 electron+vue demo的准备工作 - 012_tools_install_3

win环境,构建 electron+vue demo的准备工作(图12-8)

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

win环境,构建 electron+vue demo的准备工作 - powershell

win环境,构建 electron+vue demo的准备工作(图12-9)

关闭数字公司家的产品

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

win环境,构建 electron+vue demo的准备工作 - 029_error_360

win环境,构建 electron+vue demo的准备工作(图12-10)

调整命令行的编码

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

chcp 65001

win环境,构建 electron+vue demo的准备工作 - command_git_error

win环境,构建 electron+vue demo的准备工作(图12-11)

win环境,构建 electron+vue demo的准备工作 - command_git_error2

win环境,构建 electron+vue demo的准备工作(图12-12)

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

结论

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

  【electron】秘籍文章入口,仅传授于有缘之人  electron    vue

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-vue-demo-win-prepare.html
上一篇好文:mac环境,利用packager构建electron+vue的demo
下一篇好文:win环境,利用builder构建electron+vue的demo

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~