热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

卓越的文本2编辑器支持实时HTML和CSS预览吗?-DoestheSublimeText2editorsupportrealtimeHTML&CSSpreview?

DoestheSublimeText2editorsupportrealtimeHTML&CSSpreview?卓越的文本2编辑器支持实时HTML和CSS预览吗?

Does the Sublime Text 2 editor support real time HTML & CSS preview?

卓越的文本2编辑器支持实时HTML和CSS预览吗?

2 个解决方案

#1


41  

There's a package for this: Browser Refresh by Giovanni Collazo. It supports OS X and Windows 7, and all major browsers.
You can install it via Package Control (or manually) and trigger it with super+shift+r in Sublime Text 2.

这里有一个包:Giovanni Collazo的浏览器刷新。它支持OS X和Windows 7,以及所有主要的浏览器。您可以通过包控制(或手动)安装它,并使用super+shift+r在Sublime Text 2中触发它。

I haven't tested it personally since I use CodeKit for this functionality, but it seems popular.

我没有亲自测试过它,因为我使用CodeKit来实现这个功能,但它似乎很受欢迎。


Update:

Windows XP-compatible software

Windows xp软件

  • LiveReload (Windows version is pre-alpha) - there is also a supporting Sublime Text 2 package
  • LiveReload (Windows版是pre-alpha版)——还有一个支持崇高的文本2包
  • XRefresh - deprecated version of LiveReload (worth mentioning for stable XP compatibility)
  • XRefresh -弃用的LiveReload版本(对于稳定的XP兼容性值得一提)
  • AutoHotKey - example
  • AutoHotKey——示例
  • VBS script - triggered by a keyboard shortcut
  • 由键盘快捷键触发的VBS脚本。

Chrome extensions

Chrome扩展

  • Refresh Monkey
  • 刷新的猴子
  • Easy Auto Refresh
  • 简单的自动刷新
  • ChromeReload
  • ChromeReload
  • Auto-Reload
  • 自动重载
  • Auto Refresh Plus
  • 自动刷新+

Firefox addons

火狐浏览器插件

  • Tab Auto Reload
  • 标签自动重新加载
  • ReloadEvery
  • ReloadEvery

IE addons

IE插件

  • AutoRefresher
  • AutoRefresher


Note: Browser extensions will refresh at regular intervals, not when you save a file.

注意:浏览器扩展将定期刷新,而不是在保存文件时刷新。

#2


0  

I have found the easiest way to use Sublime with live HTML and CSS is to install WAMP(www.wampserver.com/en/) or XAMPP(www.apachefriends.org/en/xampp.html) which installs an Apache web server, PHP and Mysql server on your computer. Then you can edit your files in Sublime, and so long as they are located within the Apache web root folder (i believe its wamp/htdocs or xampp/htdocs) then you can go to localhost//filename.html and there is your html files. Save in Sublime and refresh the page and there are your changes.

我发现,在实时HTML和CSS中使用Sublime的最简单方法是在计算机上安装WAMP(www.wampserver.com/en/)或XAMPP(www.apachefriends.org/en/xampp.html),在计算机上安装Apache web服务器、PHP和Mysql服务器。然后你可以编辑你的文件,只要它们位于Apache web根文件夹中(我相信它的wamp/htdocs或xampp/htdocs),你就可以访问localhost// /filename。这是你的html文件。保存到崇高和刷新页面,这是你的改变。

You can also just open up the html file in Chrome or Firefox but selecting Open With... however, i have found that sometimes if you have dynamic content or links, they might not work correctly.

您也可以在Chrome或Firefox中打开html文件,但是选择open With…然而,我发现,有时候如果你有动态的内容或链接,它们可能无法正常工作。


推荐阅读
  • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
  • 搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的详细步骤
    本文详细介绍了搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的步骤,包括环境说明、相关软件下载的地址以及所需的插件下载地址。 ... [详细]
  • mac php错误日志配置方法及错误级别修改
    本文介绍了在mac环境下配置php错误日志的方法,包括修改php.ini文件和httpd.conf文件的操作步骤。同时还介绍了如何修改错误级别,以及相应的错误级别参考链接。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了在Hibernate配置lazy=false时无法加载数据的问题,通过采用OpenSessionInView模式和修改数据库服务器版本解决了该问题。详细描述了问题的出现和解决过程,包括运行环境和数据库的配置信息。 ... [详细]
  • Android Studio Bumblebee | 2021.1.1(大黄蜂版本使用介绍)
    本文介绍了Android Studio Bumblebee | 2021.1.1(大黄蜂版本)的使用方法和相关知识,包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]
  • 本文介绍了关于apache、phpmyadmin、mysql、php、emacs、path等知识点,以及如何搭建php环境。文章提供了详细的安装步骤和所需软件列表,希望能帮助读者解决与LAMP相关的技术问题。 ... [详细]
  • 本文介绍了三种方法来实现在Win7系统中显示桌面的快捷方式,包括使用任务栏快速启动栏、运行命令和自己创建快捷方式的方法。具体操作步骤详细说明,并提供了保存图标的路径,方便以后使用。 ... [详细]
  • 本文介绍了在Windows环境下如何配置php+apache环境,包括下载php7和apache2.4、安装vc2015运行时环境、启动php7和apache2.4等步骤。希望对需要搭建php7环境的读者有一定的参考价值。摘要长度为169字。 ... [详细]
  • 本文介绍了如何使用C#制作Java+Mysql+Tomcat环境安装程序,实现一键式安装。通过将JDK、Mysql、Tomcat三者制作成一个安装包,解决了客户在安装软件时的复杂配置和繁琐问题,便于管理软件版本和系统集成。具体步骤包括配置JDK环境变量和安装Mysql服务,其中使用了MySQL Server 5.5社区版和my.ini文件。安装方法为通过命令行将目录转到mysql的bin目录下,执行mysqld --install MySQL5命令。 ... [详细]
  • ubuntu用sqoop将数据从hive导入mysql时,命令: ... [详细]
  • 一句话解决高并发的核心原则
    本文介绍了解决高并发的核心原则,即将用户访问请求尽量往前推,避免访问CDN、静态服务器、动态服务器、数据库和存储,从而实现高性能、高并发、高可扩展的网站架构。同时提到了Google的成功案例,以及适用于千万级别PV站和亿级PV网站的架构层次。 ... [详细]
  • Activiti7流程定义开发笔记
    本文介绍了Activiti7流程定义的开发笔记,包括流程定义的概念、使用activiti-explorer和activiti-eclipse-designer进行建模的方式,以及生成流程图的方法。还介绍了流程定义部署的概念和步骤,包括将bpmn和png文件添加部署到activiti数据库中的方法,以及使用ZIP包进行部署的方式。同时还提到了activiti.cfg.xml文件的作用。 ... [详细]
  • Android日历提醒软件开源项目分享及使用教程
    本文介绍了一款名为Android日历提醒软件的开源项目,作者分享了该项目的代码和使用教程,并提供了GitHub项目地址。文章详细介绍了该软件的主界面风格、日程信息的分类查看功能,以及添加日程提醒和查看详情的界面。同时,作者还提醒了读者在使用过程中可能遇到的Android6.0权限问题,并提供了解决方法。 ... [详细]
author-avatar
龙晓桥的微博_267
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有