前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版

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中设置浏览器预览 →