用于前端开发的环境设置

Question

我正在尝试为前端开发设置一个好的环境。我想做一些javascript开发。

我想弄清楚如何让这些网页中的一个在我的编辑器中保存我的工作时保持重新加载。我使用vim作为编辑器，使用Ruby on Rails和Webrick。

任何帮助都是最好的！

Answer 1

您可能想研究一下像cucumber (rspec)这样的BDD工具，尽管https://github.com/mynyml/holygrail看起来很有前途！

看看这里的http://cukes.info/ ..if，你沿着rspec的道路走下去，你想做JS测试，你需要一个像culerity (一个无头浏览器解决方案，将ruby与jruby，junit和cucumber混合在一起)或selenium2 webdriver这样的工具，它实际上会自动化你的浏览器(速度较慢，但更容易设置)

水豚是一个尝试集成所有这些解决方案的工具，值得一看。

另请查看Xrefresh：

http://ruby5.envylabs.com/episodes/53-episode-51-february-16-2010/stories/414-xrefresh-automatic-browser-reload-for-ruby

Answer 2

我知道这很古老..但也许新的前端开发人员仍然想知道原始问题的现代答案：

请给VueJS一个机会！Vue与hotreload、eslint和其他很酷的工具捆绑在一起，帮助新的开发人员入门！它在你的浏览器中本地运行，你可以打开同样的192.1...：8080url在同一网络上的其他设备上，以实时查看页面更改(有助于响应式开发)

一旦你学会了基础知识，你就可以快速创建用户界面。这是一个很小的学习曲线，只要你知道HTML，CSS，JS，你就会很快学会它！

关于它的东西太多了，我不能在这里说，但是试一试，你不会后悔的。

https://vuejs.org/v2/guide/

在你的本地机器上运行VueJs是如此简单！就像五个婴儿的脚步。

使用npm安装

npm i -g @vue/cli @vue/cli-service-global

用纱线安装

yarn global添加@vue/cli @vue/cli-service-global

现在我们已经全局安装了Vue CLI，我们可以在任何地方使用vue命令。我们将使用vue create来启动一个新项目。

vue创建vue-应用

cd vue-应用程序npm运行服务

或

纱线跑发球

完成此操作后，您可以导航到查看默认页面。

我在VueJs上开发了一个小框架来展示前端开发线框。也许您可以使用我的示例作为开发前端开发代码的样板起点。虽然我的代码并不完美，但我真的希望它能帮助开发人员熟悉Vuejs。学习它的奇迹，创造新的魔力:D

https://github.com/ozzgn/Vue-Wireframe-Showcase-Framework

安息吧！