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

预览

iafan ST2

将本地文件映射到URL,并在浏览器中预览(Sublime Text编辑器插件)

详细信息

  • 2013.07.16.12.02.00
  • github.com
  • github.com
  • 11年前
  • 2小时前
  • 12年前

安装数量

  • 总数 8K
  • Win 5K
  • Mac 3K
  • Linux 554
Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 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

读取me

源代码
raw.githubusercontent.com

关于

Preview是一个Sublime Text 2/3插件,用于将您的本地项目文件映射到URL并在浏览器中进行预览。

Sublime Text 2的安装

  • 安装'Package Control',然后搜索'Preview'并安装

Sublime Text 3的安装

  • 在Sublime Text 3中,转到首选项 > 浏览软件包,在那里创建一个名为Preview的文件夹,并将仓库的内容放入此文件夹

初始设置

编辑插件设置(首选项 > 软件包设置 > Preview > 设置 — 用户)并提供映射规则,如下所示

{
    "rules": [
        // prohibit previewing local files (i.e. files that don't match any rule)
        {
            "url": ""
        },

        // allow opening local .htm, .html and .xhtml in browser
        {
            "path_suffix": ".htm",
            "url_prefix": "file:///"
        },
        {
            "path_suffix": ".html",
            "url_prefix": "file:///"
        },
        {
            "path_suffix": ".xhtml",
            "url_prefix": "file:///"
        },

        // sample website
        {
            // for all files matching the path_prefix, construct URL using url_prefix
            "path_prefix": "C:/Work/www/",
            "url_prefix": "http://localhost/",
            // append this string to all URLs
            "url_append": "?debug"
        },
        {
            // files in /inc/ subdirectory can't be previewed directly, so just open the root URL
            "path_prefix": "C:/Work/www/inc/",
            "url": "http://localhost/"
        },
        {
            // when editing .htaccess files, just open the containing folder
            "path_prefix": "C:/Work/www/inc/",
            "path_suffix": "/.htaccess",
            "url_prefix": "http://localhost/",
            "url_suffix": "/"
        }
    ]
}

除了通过path_prefix匹配文件并替换为url_prefix之外,您还可以定义path_suffix(例如,文件扩展名)并将其替换为url_suffix。如果未定义url_suffix,则不会从最终URL中删除path_suffix

url_suffix相反,可选的url_append参数允许在不替换匹配的path_suffix的情况下将一些文本添加到URL的末尾。

path_prefixpath_suffix是大小写敏感的。注意尾部斜杠。在Windows中,您可以使用\\/作为路径分隔符。

规则从上到下应用。如果文件路径与多个规则匹配,则使用最后一个规则。您可以使用此功能定义映射覆盖。

使用方法

F12会将当前文件映射到URL,并在您的默认浏览器中打开此URL。如果没有规则匹配,则文件将以file:///...的形式在关联此文件扩展名的程序中以本地方式打开(不一定是浏览器)。

版本1.1

增加了与Sublime Text 3的兼容性

版本1.0

首次发布