ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Webloader

laszlo-r ST2

在您键入时实时更新页面的 css/less,或在保存 js/html/php 时重新加载页面。

详情

  • 2013.05.22.17.31.05
  • github.com
  • github.com
  • 11 年前
  • 2 小时前
  • 11 年前

安装量

  • 总数 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

源代码
raw.githubusercontent.com

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
  • 如果您有本地的 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_commandssetup_callbacks显示了默认动作,您可以自由自定义这些动作
    • 您可以随意根据自己的目的更改代码,但不能分发它

未来计划

  • 更完善的代码库,因为我每天都在修改它
  • 更简单、更易于定制的动作和功能
  • 我可能在完成准备后,以较为宽松的许可协议发布

联系和条款

致谢