Webloader
在您键入时实时更新页面的 css/less,或在保存 js/html/php 时重新加载页面。
详情
安装量
- 总数 744
- Win 486
- Mac 173
- Linux 85
8 月 6 日 | 8 月 5 日 | 8 月 4 日 | 8 月 3 日 | 8 月 2 日 | 8 月 1 日 | 7 月 31 日 | 7 月 30 日 | 7 月 29 日 | 7 月 28 日 | 7 月 27 日 | 7 月 26 日 | 7 月 25 日 | 7 月 24 日 | 7 月 23 日 | 7 月 22 日 | 7 月 21 日 | 7 月 20 日 | 7 月 19 日 | 7 月 18 日 | 7 月 17 日 | 7 月 16 日 | 7 月 15 日 | 7 月 14 日 | 7 月 13 日 | 7 月 12 日 | 7 月 11 日 | 7 月 10 日 | 7 月 9 日 | 7 月 8 日 | 7 月 7 日 | 7 月 6 日 | 7 月 5 日 | 7 月 4 日 | 7 月 3 日 | 7 月 2 日 | 7 月 1 日 | 6 月 30 日 | 6 月 29 日 | 6 月 28 日 | 6 月 27 日 | 6 月 26 日 | 6 月 25 日 | 6 月 24 日 | 6 月 23 日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
readme
Webloader - Sublime Text 2 插件
在您键入时实时更新 css/less,或在保存 js/html/php 时重新加载页面。
使用 WebSocket,无需 web 服务器,可同时处理多个页面或文件。您可以直接从 Sublime 中运行页面上的 JavaScript,在编辑/保存/加载时定义自定义操作,或添加更多文件扩展名。除了插件外无需安装其他任何内容。
仍在积极开发中,欢迎提出建议和修复。
如何使用
- 使用包控制安装:
ctrl-shift-p
,包控制:安装包
,Webloader
- 重启 Sublime Text,然后进入插件的目录
- Windows:
userfolder\AppData\Roaming\Sublime Text 2\Packages\Webloader
- os x:
~/Library/Application Support/Sublime Text 2/Webloader
- linux:
~/.config/sublime-text-2/Webloader
- Windows:
- 如果您有本地的 web 服务器,请将
demo
目录复制到您的 webroot 下的(如果没有,请跳过此步骤) - 在浏览器中打开
demo/index.html
(如果没有 web 服务器,请以file://
打开) - 使用 Sublime 编辑
demo.css
,并查看您键入时的页面变化 - 编辑
index.html
,添加一些文本,然后保存它 - 这应该会刷新页面 - 如果您使用了 web 服务器,尝试编辑
demo.less
,它也应该会实时更新!
在您的项目中使用
- 一劳永逸:安装插件,并在您的页面上包含 webloader.js(如果使用 .less 文件,还应包含 less.js)
- webloader.js 可以独立使用,无需 js 框架(less.js 是可选的;与 less-1.3.3 测试过)
- 非本地网站
- 如果页面不在您的机器上,或看起来与 localhost/127.0.0.1/::1 的不同 ip 地址
- 定义您的 ip:
<script src='webloader.js?server=192.168.0.100:9000'></script>
- 并且可能需要在您的防火墙中启用此端口
- 检查
Packages/Webloader/Webloader.sublime-settings
文件中的设置- 服务器:如果您想更改上面的端口
- 客户端:如果您不信任您的局域网,或者已将上述端口对整个互联网开放
- save_parsed_less:如果您希望在保存时启用将
.less
转换为.css
- watch_events:如果您想添加或删除文件类型
- 站点:如果您使用虚拟主机,将目录符号链接到docroot,或类似
- 您可以使用
F5
(使用ctrl-shift-j
在多个页面之间选择)从Sublime刷新浏览器 - 您可以直接在Sublime中以
ctrl-shift-j
运行页面上的javascript - 您可以使用
ctrl-shift-c
向服务器发送命令(目前仅支持停止/重启/启动) - 如果您想进行黑客攻击,您可以在
webloader.js
(或甚至webloader.py
)中添加自定义动作setup_commands
和setup_callbacks
显示了默认动作,您可以自由自定义这些动作- 您可以随意根据自己的目的更改代码,但不能分发它
未来计划
- 更完善的代码库,因为我每天都在修改它
- 更简单、更易于定制的动作和功能
- 我可能在完成准备后,以较为宽松的许可协议发布
联系和条款
- 联系:http://rozsahegyi.info
- 项目:https://github.com/rozsahegyi/sublime-webloader
- 许可:[Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License](http://creativecommons.org/licenses/by-nc-nd/3.0/)
- 简介:免费下载/分享/使用,但您必须提及我,且不能销售、修改或捆绑本内容。
致谢
- 插件代码基于Sublime API和标准Python库
- 使用less.js编译.less文件