从上次中断的地方开始，我将分享我从丑陋的网页转到基于Elm-mdl的网页的经验，以及如何拆分代码和更新方法（虽然似乎不太流行）
开始玩elm-mdl
尽管elm-mdl模块证明使用起来相当不错，但是设置起来并不容易。 我按照这篇文章来设置我的应用程序。 第一步是在我的主模型上创建一个“属性”以插入MDL模型。 这是elm-mdl发挥作用的地方，并与整个应用程序的状态保持同步。 elm-mdl还为我们提供了其模块的“初始”状态。
准备与elm-mdl一起玩的下一件要做的事情是“标记” elm-mdl的消息，以便将代码中用于elm-mdl函数的所有内容都重定向到elm-mdl进行处理。转换为您要的内容，并通过更好的信息返回给您。 我们将通过添加以下内容来做到这一点：
如果您开始使用Layout之类的内容，则可能必须遵循相同的订阅原则，但是elm-mdl会很好地解释它，前面提到的帖子也是如此。
然后，当然，您需要记住将这些行放在html文件中（不，在我记住它之前，我绝对不会挠头……）
谈论index.html文件。 我找不到在elm-reactor中使用自定义html文件的好方法，因此我转向了elm-live。 底线：使用npm或yarn安装它，然后使用此线启动您的应用程序：
elm-live“您的文件” --output = elm.js --open
就是这样！ Elm-live将打开您的浏览器并在进行更改时重新加载！ 不酷吗？
