Phoenix LiveView：当JavaScript代码很有趣时*

*由于他的缺席

续有关Phoenix Live View的文章。 今天，我将描述用于轻松使用该技术并创建新应用程序的基本配置。

安装Elixir和凤凰

我们需要长生不老药 （安装过程仅供参考）。 但是在Windows上最好放置​​docker或vagrant。 我假设您已经了解这些技术。 我们忽略数据库，最好考虑在另一个项目中使用它们。

安装长生不老药后，安装凤凰 （家庭参考链接）。 实际上，我们需要确保必要的of剂版本

elixir -v 

应该发布与今天相关的1.8.2。 并开始安装凤凰本身

 mix archive.install hex phx_new 1.4.6 

1.4.6与今天相关，您可以在此处查看当前版本。 该项目将使用webpack，它在phoenix中是开箱即用的，因此我们需要nodejs 。

集成开发环境

选择一个IDE是一件令人头疼的事，但是对我自己来说，我决定我将使用rubymine进行开发，这里有一个出色的插件，叫做elixir。 随着时间的流逝，可撕式配色方案变得越来越清晰，我不想再回到vscode，但是我想说的是，通过相应的插件也可以很好地实现对elixir的支持，我建议代码爱好者使用。

项目创建

创建一个方便的文件夹，用于在elixir上存储项目，然后转到控制台：

 cd ~/ElixirProjects/ mix help #    mix help phx.new #           mix phx.new fire --no-ecto #   fire           Fetch and install dependencies? [Yn] #   

编译需要一些时间

 cd fire mix phx.server 

如果已经成功安装了所有依赖项，并且显示了[info] Access FireWeb.Endpoint at http://localhost:4000则请大胆转到浏览器http：//本地主机：4000 。 重新加载页面几次，然后返回到终端。 在这里，您会发现一个有趣的日志，其中µs是微秒， FireWeb.PageController.index是处理您的请求的函数的名称。 让我们在IDE中打开代码并继续。

如何使用它？

所有主要代码将在lib文件夹中。 找到文件lib / fire_web / templates / page / index.html.eex，删除第二部分，保存并返回浏览器。 您无需重新加载页面，凤凰城将为您完成。 用于在结果的输出中插入可执行代码的模板引擎需要输入字符<%=和%> 。 在模板的底部，输入<%= "Fire man" %>并在浏览器中查看结果。 为了使服务器停止工作，请在控制台中双击ctrl + c 。

总结

在这一阶段，您应该有一个现成的实验环境。 随意创建其他项目。 如果不使用--no-ecto或添加--umbrella（创建微服务架构）来创建项目代码，则请查看项目代码中的差异。 为了进行进一步的工作，您将需要了解基本数据类型。 建议您熟悉俄语课程和英语官方文档的两个来源。 Elixirschool已部分翻译成俄语，我建议您从此资源开始学习该语言。 如果您真的想在liveview上创建一个应用程序，那么这里是一篇文章，以后我们将以此为基础。

加入@proelixir俄语电报社区，并在@proelixir_news频道上观看最新新闻和职位空缺。