创作立场声明:本文中用到的所有产品均为自费购买。
上一期我们介绍并展示了MagicMirror的成品,还没有看过的小伙伴请移步第一期:
本期我们来讲一下如何在windows中搭建MagicMirror,因为x86系统有着更强大的性能,所以当魔镜里模组过多的时候树莓派或者开发板可能就会出现卡顿的情况,再考虑到有些小伙伴可能不熟悉树莓派或者Linux系统的操作,所以本期视频讲一下windows系统的搭建教程。
为了更直观的演示,建议有条件的朋友观看视频版:
一、软件环境的安装及配置
需要用到的软件:
nodejs下载:https://nodejs.org/en
git下载:https://gitforwindows.org
安装好之后要配置node的环境变量:
右键"此电脑"——属性——高级系统设置——高级 选项卡——环境变量
高级系统设置——高级 选项卡——环境变量
系统变量下面——新建
新建系统变量
系统变量里找到Path这一条双击——新建
Path内新建变量路径
二、安装MagicMirror
1.打开一个你想安装MagicMirror的目录,空白处右键,选择 Git bash here,弹出的窗口内输入命令:
git clone https://github.com/MichMich/MagicMirror
回车之后等待完成
拉取MM镜像
2.完成之后运行
cd MagicMirror
npm install
耐心等待完成
再运行
cd vendor
npm install
耐心等待完成
然后运行
cd ..
3.先把命令窗口放到一边,打开MagicMirror目录,用记事本编辑package.json文件,找到并删除如下字段:
4.再到MagicMirror/config/路径下,将config.js.sample重命名为config.js
5.回到命令窗口,运行
npm start
如果出现如下界面,证明配置完成
默认配置界面
三、进阶配置
现在你已经搭建好了MagicMirror的基本配置,但是魔镜真正好玩的地方在于众多的第三方模组,懂js跟css的朋友更可以对里面所有核心文件进行修改。关于模组的安装及调试,我选取了“显示群晖dowload station下载状态”的模组跟“油管投屏”模组进行讲解,具体请移步视频:
下期预告
下期会详细讲解天气、问候语、万年历、百度地图路况、智能家居控制等模组的配置,敬请期待!