前端开发的环境设置

时间:2010-11-18 05:52:56

标签: javascript ruby-on-rails frontend

我正在努力为前端开发提供良好的环境设置。我想做一些javascript开发。

我正在寻找如何使用其中一个不断重新加载的网页,因为我在编辑器中保存了我的工作。我正在使用vim作为编辑器和Ruby on Rails与Webrick一起使用。

任何帮助都会很棒!

2 个答案:

答案 0 :(得分:1)

您可能希望查看像黄瓜(rspec)这样的BDD工具,尽管https://github.com/mynyml/holygrail看起来很有希望!

看看http://cukes.info/ ..如果你沿着rspec路径走,你想做JS测试,你需要一个像culerity这样的工具(一个无头的浏览器解决方案,用jruby,junit和黄瓜)或selenium2 webdriver实际上自动化您的浏览器(更慢但更容易设置)

capybara是一个试图整合所有这些解决方案的工具,值得一看。

另请查看Xrefresh:

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

答案 1 :(得分:0)

我知道这是旧的..但是也许新的前端开发人员仍然想知道原始问题的现代答案:

请尝试一下VueJS! Vue随附有hotreload,eslint和其他出色的工具,可帮助新开发者入门!它在您的浏览器中本地运行,您可以在同一网络上的其他设备中打开相同的192.1 ...:8080 url,以实时查看页面更改(有助于响应式开发)

一旦您学习了基础知识,就可以快速创建用户界面。这是一个很小的学习过程,只要您了解HTML,CSS,JS,您就会很快学习它!

关于它的事情比我在这里说的要多得多,但是试一试,您不会后悔的。

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

在本地计算机上运行VueJs非常简单!像五个婴儿步骤。

使用npm安装

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

安装纱线

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

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

vue创建vue应用

cd vue-app npm运行发球

纱线跑发服务

完成后,您可以导航到 http://localhost:8080/ 以查看默认页面。

我已经在VueJs上开发了一个小型框架,以展示前端开发线框。也许您可以将我的示例作为样板代码的起点来开发前端开发代码。尽管我的代码并不完美,但我希望它能帮助开发人员熟悉Vuejs。了解奇迹并创造新的魔法:D

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

和平!