设置sublime text2/3中预览浏览器快捷键的方法

我们为什么要设置默认的预览浏览器呢?因为搞前端的都知道,你在预览的时候不可能只预览一个浏览器,可能需要多个,当然今天我们举例中会说道谷歌浏览器Chrome,IE浏览器Internet Explorer,火狐浏览器Firefox;为什么选择这三个呢?因为他们就是我们最常用的浏览器啦。别说你没有用过!

先科(an)普(li)一下sublime text:(取自百科)

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

1:打开sublime text;

2:点击》“首选项”——“按键绑定-用户”如下图,你看到的是一个空白的页面:(汉化版本)

(点击》“Preferences”——“Key Bindings—User”出现一个空白页面:英文版本)

3:把下面的代码复制,粘贴进去;

[//ie{"keys": ["f12"],"command": "side_bar_files_open_with","args": {"paths": [],"application": "C:/Program Files/Internet Explorer/iexplore.exe","extensions": ".*"}},//chorme{"keys": ["alt+f12"],"command": "side_bar_files_open_with","args": {"paths": [],"application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe","extensions": ".*"}}]

4:点击file菜单,点击save保存。

不过不要以为这么简单就完了,你知道上面的代码说了些什么吗?为什么就设置好了呢?是不是有人照着做完后发现,自己设置的还是没有起到作用呢?哈哈,那就对了,让马浩周给你讲解一下这段代码你要注意和明白哪些吧!

"keys": ["f12"],

keys:表示快捷键,即 F12 可以启动ie浏览器进行预览。当然你可以设置你喜欢的键,可以给出几个常用按键:alt+F12、ctrl+F12;

"application": "C:/Program Files/Internet Explorer/iexplore.exe",

application:表示浏览器所在的安装路径,只有路径配置正确,才能够正常调用浏览器。而上面的这个路径是本人电脑上的浏览器路径。什么?你的浏览器路径是什么?我Tm怎么知道呢?自己不会动手看下自己电脑上的浏览器路径啊?找到正确的路径覆盖我的路径就可以了。

可以细心的程序猿们已经发现,我在设置两个浏览器的时候的路径写法不同,一种是用斜杠“/”另一种是用双反斜杠“\\”,其实这两种写法都是正确的,不过如果你写成一个反斜杠“\”那就是错误滴!因为在Windows系统中:反斜杠\,在windows系统中用来表示目录。正斜杠/代表网址、Url地址。而在sublime text中斜杠“/”和双反斜杠“\\”是一个用途的。(扯的有点远了~)

还有一个问题,如果你要添加多个浏览器怎么办,其实还是一样的方法,代码也是一样的,只是设置按键和路径的问题了,这里拿火狐来举例:

// firefox{ "keys": ["f3"], "command": "side_bar_files_open_with","args": {"paths": [],"application": "D:/Program Files/Mozilla Firefox/firefox.exe","extensions":".*"}}

这样就添加成功了。就这么简单。还是一样,修改你的键和修改你的正确浏览器地址。到这里,设置sublime text2/3中默认预览浏览器快捷键的方法马浩周就已经都传授于你了!下面这些是看一送二(我整理了一些sublime text的快捷键和常用插件),拿好,不谢,请叫我红领巾!

Sublime Text快捷键:Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格式化Ctrl+D:选择单词,重复可增加选择下一个相同的单词Ctrl+L:选择行,重复可依次增加选择下一行Ctrl+Shift+L:选择多行Ctrl+Shift+Enter:在当前行前插入新行Ctrl+X:删除当前行Ctrl+M:跳转到对应括号Ctrl+U:软撤销,撤销光标位置Ctrl+J:选择标签内容Ctrl+F:查找内容Ctrl+Shift+F:查找并替换Ctrl+H:替换Ctrl+R:前往 methodCtrl+N:新建窗口Ctrl+K+B:开关侧栏Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身Ctrl+F2:设置/删除标记Ctrl+/:注释当前行Ctrl+Shift+/:当前位置插入注释Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的Ctrl+Shift+A:选择当前标签前后,修改标签用的F11:全屏Shift+F11:全屏免打扰模式,只编辑当前文件Alt+F3:选择所有相同的词Alt+.:闭合标签Alt+Shift+数字:分屏显示Alt+数字:切换打开第N个文件Shift+右键拖动:光标多不,用来更改或插入列内容鼠标的前进后退键可切换Tab文件按Ctrl,依次点击或选取,可需要编辑的多个位置按Ctrl+Shift+上下键,可替换行

安装常用插件:Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。

ZenCoding

不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。

Alignment

代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

Prefixr

写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。

Tag

Html格式化,右键Auto-Format Tags on Ducument。

Clipboard History

剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。

SideBarEnhancements

侧栏右键功能增强,非常实用

Theme – Soda

完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”

GBK to UTF8

将文件编码从GBK转黄成UTF8,菜单 – File里面找

SFTP

直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云

WordPress

集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用

PHPTidy

时间: 2024-10-12 20:07:45

设置sublime text2/3中预览浏览器快捷键的方法的相关文章

设置sublime text2/3中默认预览浏览器快捷键的方法

各位前端大神们,大家在用IDE编辑器的时候喜欢用哪些呢?是Dreamweaver.Zend Studio.editplus又或者是sublime text?今天马浩周给大家就要说说设置sublime text2/3中默认预览浏览器快捷键的方法了,可能你早都设置了,(设置好的自动忽略).此篇文章讲给sublime text的使用新手们. 我们为什么要设置默认的预览浏览器呢?因为搞前端的都知道,你在预览的时候不可能只预览一个浏览器,可能需要多个,当然今天我们举例中会说道谷歌浏览器Chrome,IE浏

IIS中预览错误问题的解决办法(HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射 )

控制面板 程序 打开或关闭windows程序 Internet信息服务 万维网服务 应用程序开发功能 勾选.net  扩展性    ASP    ASP.net 按照这个顺序就可以解决该问题. IIS中预览错误问题的解决办法(HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射 ),布布扣,bubuko.com

在浏览器中预览“首选参数中指定的浏览器位置已经不存在。请确认”首选参数“指向正确的文件

1.错误描述 2.错误原因 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="AngularSpec.js"></script> </head> <body>

Q:关于Outlook for CRM 中预览记录窗体的设置

问题: 如何在Outlook for CRM中,将实体记录的预览窗口的信息做调整? 解决方案: 在Outlook里,在打开实体后选择View=>Customize Reading Pane,这里可以设置相应节的显示或不显示. 另外,系统管理员也可以设置自己新建的界面内容.

Sublime Text3如何快速预览html文件

Sublime Text3 步骤1:选择 Tools----> Build System ----> New Build System... 步骤2:输入以下内容 "cmd":["explorer.exe","$file"] 步骤3:重命名文件并保存然后用快捷键Ctrl+B即可打开默认浏览器进行预览 原文地址:https://www.cnblogs.com/wuyiz/p/9643851.html

supermap中预览osgb格式的倾斜摄影文件

参考: https://zhidao.baidu.com/question/136723493545478005.html 使用的是SuperMap IDesktop 9D,操作方法如下: 打开超图,找到  倾斜摄影>生成配置文件,点击源路径,然后找到osgb格式文件的目录(我的目录“data”), 选择配置文件的保存路径,这是个很小的配置文件,然后设置中心点,中心点的设置方法很简单,如果你只是简单的预览,可以在百度上找到你的osgb文件的拍摄地点的经纬度,如果不设置的话,初始位置都是零,就跑到

Atom编辑器中预览markdown

Atom 是原生支持markdown语法的,并支持实时预览 快捷键:ctrl + shift+m  效果: 原文地址:https://www.cnblogs.com/longl/p/9352983.html

解决Axure发布分享预览的3个方法

公司的同事制作的一个产品原型,要发给我,我当时正在客户这里,电脑上并没有Axure,客户又催得急,感到一阵无奈.这次回来之后,经过一番摸索,发现还是有办法的.这里给大家分享一下Axure发布分享预览的方法. 1.使用AxShare 这个是Axure官方提供的服务. 方法是:把你的rp文档,上传到http://share.axure.com(Axure软件里工具栏有按钮可以直接上传). 不过,很多使用过Axshare的朋友都会放弃它的,因为它的服务器在国外,在国内使用它实在是让人很窒息的(速度实在

ionic3 图片(轮播)预览 ionic-gallary-modal组件使用方法

一.效果展示 使用方法: 1.npm安装ionic-gallary-modal扩展模块 npm install ionic-gallery-modal --save 2.在app.module.ts根模块中导入图片预览模块 ionic-gallary-modal 和 浏览器手势事件模块 HAMMER_GESTURE_CONFIG import * as ionicGalleryModal from 'ionic-gallery-modal'; import { HAMMER_GESTURE_CO