最前端

我的工作,我的生活,点点滴滴...

关于‘ Sublime ’ 目录的归档

我的F12

  1. 在浏览器中f12打开web开发者工具
  2. 在Photoshop中f12导出切片“保存为web和设备所用格式”;菜单>编辑>键盘快捷键>…
  3. 在资源管理器中f12使用sublime text打开文件;利用autohotkey实现,代码如下:
    openSelectedfile(p) {
        ClipSaved := ClipboardAll
        Clipboard =
        ValidFiletypes = txt html js json htm md markdown ahk
        Send ^c
        ClipWait
        FullPath := Clipboard
        Loop, parse, FullPath, `n, `r
        {
            IfNotExist, %A_Loopfield%
                continue
            SplitPath, A_Loopfield ,,, OutExt,
            IfInString, ValidFiletypes, %OutExt%
                run, %p% %A_LoopField%
        }
        Clipboard := ClipSaved
        OutExt =
        ClipSaved =
        return
    }
     
    #IfWinActive ahk_class CabinetWClass
    F12:: openSelectedfile("H:\Program Files\Sublime Text 2\sublime_text.exe")
    #IfWinActive
  4. 在sublime text中f12在本地服务器预览页面;参考 《使用sublime text中快速预览服务器对应页面》

使用sublime text中快速预览服务器对应页面

  1. 前端页面需要在服务器支持下预览
  2. 通常浏览器里直接输入前端页面对应的地址,如 http://dc.sina.com.cn/comment/bbs.html,使用 sublime,open in brower 时也需要修改本地地址为服务器地址
  1. 安装sublime插件SideBarEnhancements
  2. 添加一个文件夹
  3. 文件夹右键>Project > Edit Project Preview Urls
  4. 添加类似设置:
    {
        "E:/": {
            "url_testing": "http://dc.sina.com.cn/",
            "url_production": "http://dc.sina.com.cn/"
        }
    }
  5. F12,alt + F12 就可以分别在 Testing Server 和 Production Server 下浏览了

在Sublime Text中执行js

今天不小心有学到一个Sublime Text的小技巧,在Sublime Text的控制里执行javascript,查看运行结果。

  1. 首先在系统里安装node
  2. 打开Sublime Text
  3. 在工具下拉列表选择 Tools > Build System > New Build System
  4. 在新建文件中填写以下代码并保存
    {
        "cmd": ["node","$file"],
        "selector": "source.js"
    }
  5. 然后打开一个要执行的js,ctrl+b执行build,弹出的Sublime Text控制台就显示该js的执行结果了。