前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
AI 面试
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

sublimeText3配置浏览器预览路径localhost

首页
2016-05-29 08:45:35
工欲善其事必先利其器
sublime

Sublime Text 2 Sublime Text 3 都可以使用:

# 菜单 --> Tools --> New Pugin

清掉内容, 添加如下代码

import sublime, sublime_plugin
import webbrowser

url_map = {
    'E:\phpStudy\WWW' : 'http://localhost',
}

class OpenBrowserCommand(sublime_plugin.TextCommand):
    def run(self,edit):
        window = sublime.active_window()
        window.run_command('save')
        url = self.view.file_name()
        flag = False
        for path, domain in url_map.items():
            if url.startswith(path):
                url = url.replace(path, domain).replace('\\', '/')
                flag = True
                break
        if not flag:
            url = 'file://' + url
        webbrowser.open_new(url)
@前端进阶之旅: 代码已经复制到剪贴板

然后保存文件, 保存的路径类似如下:

C:\Users\XXXX\AppData\Roaming\Sublime Text 3\Packages\User\open_browser.py

XXXX 为 Windows 7 系统用户, 该目录可以直接通过 Sublime 菜单找到

# 菜单 --> Preferences --> Browse Packages 点击后打开的就是该目录

# 注意:

E:\phpStudy\WWW 请替换成你 Web 文档根目录所在路径

绑定快捷键

# 菜单 --> Preferences --> Key Bindings-User

添加如下代码

[{ "keys": ["ctrl+b"], "command": "open_browser" }]

fe
  • 菜单 --> Tools --> New Pugin
  • 菜单 --> Preferences --> Browse Packages 点击后打开的就是该目录
  • 注意:
  • 菜单 --> Preferences --> Key Bindings-User

← Sublime Text添加插入带当前时间作者详细说明在sublime-text中设置浏览器预览 →