现在的JavaScript框架教程

Posted 2021-04-17 InfoQ

Roger 打开了手机上新闻类的 app，想寻找一些有趣的东西来看。他翻过关于如何更有创意的文章，翻过关于如何成为一个成功企业家的文章，翻过如何使文笔更好的文章。

当他正准备打开 Twitter 的时候，一个标题映入了他的眼帘：

丢掉 Angular, 忘掉 React，接下来是 Tupress---javascript 的终极框架。

“嗯，也许是时候学习一个框架了。”Roger 这样想着。这几个月以来，他一直在研究 JavaScript。为什么不看看这篇声明所有框架都是大惊小怪的文章都写了些什么？在浏览过这篇文章—文章中包括“直观”，“灵活”和“万能”之类的词语—之后，Roger 觉得值得一试。

他打开了他的 MacBook, 在 Google 中搜索“Tupress 教程”，并打开了最上面的搜索结果。该教程自称会教他如何构建一个双用户界面 app。完成后，该 app 可以将一个（2，2，2，2，2，2）的英语列表转换成法语列表（le 2, le 2, le 2, le 2, le 2, le 2）。

教程的第一步是安装 Tupress。然后，呃，Roger 还必须安装 Bisup—一个轻量级的包装器，虽然不知道它有什么作用。再然后，他必须安装 Claster，它提供了一层轻量的使用方法和中间件。虽然 Roger 也不知道这个有什么意义，但是还是安装了它。

最后，他还得安装 Pirend，这是一个实时的约定接口规范微服务层，用于使用 JSON 实现增删改查和 Ajax 请求。这个一定很重要，Roger 想，否则就不会有这些缩略词了。

现在所有的东西都安装好了，Roger 很开心的想要开始编写代码。但是根据教程，他还得完成几步操作。首先，他必须得安装 Git，配置一个基于云的数据库，构建一个约定接口规范的服务器，实现 API 端点，更新依赖关系，并建立一个基于组件的项目结构。

Roger 承认，这听起来非常复杂，但是他已经安装了太多东西，现在不能半途而废。

接下来的两周内，Roger 搜索了 179 次 Google，终于弄懂了如何完成所有的设置。他打开了一个终端窗口，输入“tupr start”，然后打开 Chrome 浏览器并导航到 localhost:3000。根据教程，他应该会看到“Tupress Works!”这句话。

但是，糟糕的是，Tupress 根本就没有启动。Roger 什么都没有看到，根本什么都没有！

“唉”，Roger 叹了一口气。为了弄清楚到底出了什么问题，Roger 在 Chrome 浏览器中打开了开发者工具里面的控制台。“呀”，Roger 很惊讶，控制台里面一路飘红，比权利的游戏里满屏的血腥还要红。

“我只是想写一些代码来制作一个简单的 app”，Roger 觉得很沮丧，怎么会这么困难呢？

不过，他并没有放弃。他将控制台里的每一个错误都剪切并复制到 Google 中。在 Stack Overflow 上他发现，这个为期一个月的教程使用了 Tupress 的 1.3.2 版，Bistup 的 1.2.1 版，Claster 的 3.7.2 版和 Pirend 的 4.2.1 版。

而 Roger 已经安装了这些软件的最新版本，而这些最新版本并不适用于这个框架。同时，Tupress 5 刚刚出来，完全不同于 Tupress 1（中间没有 Tupress 2，3 或者 4 版本）。

从另一个编程论坛上，Roger 了解到，Bistup 由于不够轻量已经不再受大部分开发者的青睐。而 Claster，显然也并没有承诺的那样美好。所以瑞士的一位开发者创造了一个更好的替代品—Focrux.js。

在多次卸载又重装所有的软件，阅读了 Stack Overflow 上面所有的内容，看了 YouTube 上面关于 JavaScript 框架的所有视频，并且阅读了“关于 Tupress 的所有 13 个您不知道的内容”……七周后，Roger 的 Chrome 浏览器的控制台终于不再飘红。

“噢耶”，Roger 忍不住欢呼。

他打开一个终端窗口，输入“tupr start”，并且开启了 localhost:3000，最后，他终于看到了：

https://medium.freecodecamp.org/every-javascript-framework-tutorial-written-more-than-5-minutes-ago-f96642d4f05

---