我正在尝试为前端开发设置良好的环境设置。我想做一些javascript开发。
我正在寻找如何让其中一个网页在我将我的工作保存在我的编辑器中时不断重新加载。我使用 vim 作为编辑器，使用 Ruby on Rails 和 Webrick。
任何帮助都会很棒！
【问题讨论】：
标签： javascript ruby-on-rails frontend
您可能想研究像 cucumber (rspec) 这样的 BDD 工具，尽管 https://github.com/mynyml/holygrail 看起来很有希望！
看看这里http://cukes.info/ ..如果你走 rspec 路径并且想要进行 JS 测试，你需要一个像 culerity 这样的工具（一个无头浏览器解决方案，将 ruby 与 jruby、junit 和 cucumber 混合在一起）或 selenium2 网络驱动程序，它实际上使您的浏览器自动化（速度较慢但更容易设置）
capybara 是一个试图整合所有这些解决方案的工具，值得一看。
还可以查看 Xrefresh：
【讨论】：
我知道这是旧的.. 但也许新的前端开发人员仍然想知道原始问题的现代答案：
请给 VueJS 一个机会！ Vue 捆绑了 hotreload、eslint 和其他很酷的工具来帮助新开发人员入门！它在您的浏览器本地运行，您可以在同一网络上的其他设备中打开相同的 192.1... :8080 url 以实时查看您的页面更改（有助于响应式开发）
了解基础知识后，您可以快速创建用户界面。这是一个小的学习曲线，只要你了解 HTML、CSS、JS，你就会很快学会！
关于它的内容比我在这里可以谈论的要多，但试一试，你不会后悔的。
在本地机器上运行 VueJ 非常简单！像五个婴儿步骤。
使用 npm 安装
npm i -g @vue/cli @vue/cli-service-global
使用纱线安装
yarn 全局添加 @vue/cli @vue/cli-service-global
现在我们已经全局安装了 Vue CLI，我们可以在任何地方使用 vue 命令。我们将使用 vue create 来启动一个新项目。
vue 创建 vue-app
cd vue-app npm 运行服务
或
纱线运行服务
完成后，您可以导航到 http://localhost:8080/ 以查看默认页面。
我在 VueJs 上开发了一个小框架来展示前端开发线框。也许您可以使用我的示例作为开发前端开发代码的样板起点。虽然我的代码并不完美，但我希望它能帮助开发人员熟悉 Vuejs。了解它的奇迹并创造新的魔法：D
https://github.com/ozzgn/Vue-Wireframe-Showcase-Framework
和平！
【讨论】：