前端设计之实时预览工具有推荐的吗?

2014-05-20 17:22:52 +08:00
 zjnewcity
实现js/css/html实时预览
发现2个,一个速度太慢(https://thimble.webmaker.org/en-US/),一个太丑(http://htmledit.squarefree.com/).
8145 次点击
所在节点    设计
16 条回复
ritksm
2014-05-20 17:28:31 +08:00
LiveReload不好么
http://livereload.com/
learnshare
2014-05-20 17:42:50 +08:00
Grunt watch 已经有 LiveReload 功能了吧
dong3580
2014-05-20 17:46:38 +08:00
Microsoft Visual Studio
itcook
2014-05-20 17:51:03 +08:00
再推荐个 Adobe 的 Brackets.

http://brackets.io/
jsonline
2014-05-20 18:51:59 +08:00
不喜欢实时预览，好烦。

要推荐的话，还是 WebStorm，它很早就自带这个功能了
jsonline
2014-05-20 18:52:56 +08:00
其实最叼的是 Chrome 的 Workplace
loading
2014-05-20 18:55:24 +08:00
Dreamweaver
jiyinyiyong
2014-05-20 18:56:21 +08:00
Brackets +1

再加一组视频: http://www.tudou.com/plcover/9wTYkD2t3RM/

另外 Chrome 开发工具也能做到 CSS 实时预览,
Brackets 就是基于 Webkit 的 Remote Debugging API 实现的.
iinterest
2014-05-21 07:43:55 +08:00
试用过 idea（WebStorm）的插件、F5、Grunt watch，最后还是用 Grunt watch 了，它集成了LiveReload 后非常方便
javaluo
2014-05-21 08:22:10 +08:00
http://www.getf5.com
zjnewcity
2014-05-21 09:00:06 +08:00
@iinterest Grunt watch主页是哪一个? google一番, 感觉搜索结果很奇怪.....
iinterest
2014-05-21 09:48:42 +08:00
grunt-contrib-watch： https://github.com/gruntjs/grunt-contrib-watch，首先你得有 nodejs + Grunt
andyhu
2014-05-21 11:02:41 +08:00
如果需要非常简单的测试工具的话，可以用下这个
https://chrome.google.com/webstore/detail/hfgifphlikdnjfcegkkmhohddfjhnpjd
或者在线的
runjs.cn
lisposter
2014-05-21 11:34:25 +08:00
Grunt，压缩，合并，混淆，实时预览，开发与部署轻松分开，你值得拥有。

Grunt 在手，世界我有。
openroc
2014-05-22 14:46:41 +08:00
https://www.nitrous.io/
sconfield
2014-05-27 12:07:45 +08:00
哈哈，涨姿势了，正好试试 LiveReload，谢谢 @ritksm @learnshare @lisposter

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/113437

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX