To set the default preview of browser shortcuts in sublime TEXT2/3

Ladies and gentlemen, what do you like to use when using the IDE editor? Is Dreamweaver, Zend Studio, EditPlus, or sublime text? Today Ma Haozhou to everyone to talk about setting sublime TEXT2/3 in the default preview browser shortcuts, you may have set up early, (set the automatic ignore). This article speaks to the Novice sublime text.

650) this.width=650; "class=" AlignCenter size-full wp-image-1109 "alt=" 42323423 "src=" http://blog.mihoweb.com/ Wp-content/uploads/2016/04/42323423.jpg "width=" "height=" "style=" Height:auto;vertical-align:middle;border : 0px;margin:0px auto;text-align:center; "/>

Why should we set the default preview browser? Because of the front-end know, you can not preview a browser, you may need more than one, of course, today we will say in the example of Google browser Chrome,ie browser Internet Explorer, Firefox Firefox, why choose these three? Because they are our most used browser. Don't say you didn't use it!

650) this.width=650; "class=" AlignCenter size-full wp-image-1110 "alt=" 2010071822560954 "src="/http Blog.mihoweb.com/wp-content/uploads/2016/04/2010071822560954.jpg "width=" 361 "height=" 141 "style=" Height:auto; vertical-align:middle;border:0px;margin:0px auto;text-align:center; "/>

First (an) (LI) Sublime text: (taken from the encyclopedia)

Sublime text is a code editor (Sublime text 2 is a paid software, but can be tried indefinitely) and is also an advanced text editor for HTML and prose. Sublime text was developed by the programmer Jon Skinner in January 2008 and was originally designed as a vim with extensive functionality.
Sublime text has a beautiful user interface and powerful features such as code thumbnails, Python plugins, code snippets, and more. You can also customize key bindings, menus, and toolbars. The main features of Sublime Text include: Spell checker, bookmarks, full Python API, Goto feature, instant item switching, multiple selection, multiple windows, and more. Sublime Text is a cross-platform editor that supports operating systems such as Windows, Linux, Mac os X.

1: Open sublime text;

650) this.width=650; "class=" AlignCenter wp-image-1111 "alt=" 1 "src=" http://blog.mihoweb.com/wp-content/uploads/ 2016/04/1.png "width=" 497 "height=" 355 "style=" height:auto;vertical-align:middle;border:0px;margin:0px auto; "/>

2: Click on "Preferences"--"key bindings-users" like, you see a blank page:(Chinese version)

650) this.width=650; "class=" AlignCenter size-full wp-image-1112 "alt=" 2 "src=" http://blog.mihoweb.com/wp-content/ Uploads/2016/04/2.png "width=" 617 "height=" 241 "style=" height:auto;vertical-align:middle;border:0px;margin:0px Auto;text-align:center; "/>

(click "Preferences"--"Key bindings-user" appears a blank page: English version)

650) this.width=650; "class=" AlignCenter size-full wp-image-1114 "alt=" eaf81a4c510fd9f994a4657d232dd42a2834a476 "src = "Http://blog.mihoweb.com/wp-content/uploads/2016/04/eaf81a4c510fd9f994a4657d232dd42a2834a476.jpg" width= "544" height= "542" style= "height:auto;vertical-align:middle;border:0px;margin:0px auto;text-align:center;"/>

3: Copy the following code, paste it in;

[//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 ": ". * "}} ]

650) this.width=650; "class=" AlignCenter wp-image-1113 "alt=" 3 "src=" http://blog.mihoweb.com/wp-content/uploads/ 2016/04/3.png "width=" 604 "height=" 423 "style=" height:auto;vertical-align:middle;border:0px;margin:0px auto; Text-align:center;/>4: Click on the File menu and click Save.

But don't think it's going to be so simple, do you know what the code above says? Why did you set it up? did someone follow through and found out that they have set or did not play a role? haha, that's right, let Ma Haozhou to you to explain this code you have to pay attention to and understand what it!

"Keys": ["F12"],

keys: indicates that the shortcut key, that is, F12 can start IE browser for preview. Of course you can set your favorite keys, you can give a few commonly used keys: ALT+F12, CTRL+F12;

"Application": "C:/Program files/internet Explorer/iexplore.exe",

Application: indicates the installation path where the browser is located and only if the path is properly configured to invoke the browser normally. And the above path is the browser path on my computer. What's that? What is your browser path? How do I know? I do not see the browser on their own computer path AH? find the correct path to overwrite my path on it.

Can be careful of the program apes have found that I set two browsers when the path to write a different way, one is to use a slash "/" The other is a double backslash "\ \", in fact, both of these are correct, but if you write a backslash "\" That is the wrong drop! Because in Windows systems: backslashes \, used in Windows systems to represent directories. Forward slash/representative URL, url address. In sublime text, the slash "/" and the double backslash "\ \" are used for a purpose. (It's a little far away.)

There is another problem, if you want to add more than one browser to do, in fact, the same way, the code is the same, just set the button and path problem, here take Firefox for example:

firefox{"Keys": ["F3"], "command": "Side_bar_files_open_with", "args": {"Paths": [], "Application": "D:/program files /mozilla firefox/firefox.exe "," Extensions ":". * "}}

This adds success. It's so simple. Still the same, modify your keys and modify your correct browser address. Here, the way to set the default preview browser shortcut in Sublime Text2/3 Ma Haozhou has been taught to you! Here are the two (I have organized some sublime text shortcut keys and common plug-ins), take it, no, please call me red scarf!

650) this.width=650; "class=" AlignCenter wp-image-1115 "alt=" 654654645 "src=" http://blog.mihoweb.com/wp-content/ Uploads/2016/04/654654645.png "width=" 335 "height=" 313 "style=" height:auto;vertical-align:middle;border:0px; margin:0px auto; "/>

Sublime Text shortcut key:

• ctrl+shift+p: Open Command Panel

• ctrl+p: Searching for files in a project

• ctrl+g: Jump to the first few lines

• ctrl+w: Close the currently open file

• ctrl+shift+w: Close all open files

• ctrl+shift+v: pasting and formatting

• ctrl+d: Select words, repeat to add the next same word

• ctrl+l: Select rows, repeat to select the next row in turn

• ctrl+shift+l: Select multiple lines

• ctrl+shift+enter: Inserting a new row before the current line

• ctrl+x: delete When moving forward

• ctrl+m: jump to corresponding parentheses

• Ctrl+u: Soft undo, undo cursor Position

• ctrl+j: Select label content

• ctrl+f: Find content

• ctrl+shift+f: Find and replace

• ctrl+h: Replace

• ctrl+r: Go to Method

• CTRL + N: New Window

• ctrl+k+b: Switch side bar

• ctrl+shift+m: Check the contents of the current parenthesis, repeating the parentheses themselves

• ctrl+f2: Set/Remove Tags

• ctrl+/: Comment When moving forward

• ctrl+shift+/: Insert comment at current position

• ctrl+alt+/: Block comment, and focus to the first line, write the comment description with the

• Ctrl+shift+a: Before and after selecting the current label, modify the label with

• F11: fullscreen

• shift+f11: fullscreen-free mode, editing only the current file

• alt+f3: Select all the same words

• ALT +. : Closed label

• alt+shift+ number : Split screen display

• ALT + number : Toggle to open nth file

• shift+ Right-drag : Many cursors are not used to change or insert column contents

• Mouse forward and backward key to toggle tab file

• Press CTRL, tap or select , to edit multiple locations

• Press ctrl+shift+ up/down key to replace row

Install common plugins:ctrl+shift+p(menu –tools–command paletter), enter install to select the install package and enter Enter or select the plug-in you need to install (note the small text changes in the lower left corner, will prompt installation success), install other plug-ins is also this method, very fast.

• Zencoding
  Have to use a front-end development aspects of the plugin, Write less, show more. Can be used directly after installation, tab trigger, ALT+SHIFT+W is a code machine.

• Alignment
  Code alignment, such as writing a few variables, check these lines, Ctrl+alt+a, wow, qi.

• Prefixr
  Write CSS can automatically add-webkit and other private affixes, ctrl+alt+x trigger.

• Tag
  HTML formatting, right-click Auto-format Tags on Ducument.

• Clipboard history
  Clipboard history, show more historical copy, Ctrl+shift+v trigger.

• Sidebarenhancements
  Sidebar Right-click function enhancement, very practical

• Theme–soda
  The perfect coding theme, used all said, Setting user inside Add "theme": "Soda dark.sublime-theme"

• GBK to UTF8
  The file encoding from GBK to Huang UTF8, menu –file inside to find

• SFTP
  Directly edit files on FTP or SFTP server, absolute FTP cloud

• Wordpress
  Integrating some WordPress functions, especially useful for people like me who often write WP templates and plugins

• Phptidy
  Organize and compose PHP code

• YUI Compressor
  Compressing JS and CSS files

OK, the way to set the default preview browser shortcut in Sublime Text2/3 is really over here. If you also need this method, you can try Oh, if there is a problem with the settings, you can contact me the first time, I will do my best to help you complete the sublime text settings. If you encounter an unresolved problem, Ma Haozhou think as a program ape/front-end engineer, you have to have this spirit ————

650) this.width=650; "class=" AlignCenter wp-image-1116 "alt=" qq picture 20160426164352 "Src=" http://blog.mihoweb.com/ Wp-content/uploads/2016/04/qq%e5%9b%be%e7%89%8720160426164352-1024x473.jpg "width=" 614 "height=" 284 "style=" height:auto;vertical-align:middle;border:0px;margin:0px auto; "/>

This article is from the "Taylor Maxwell Week" blog, be sure to keep this source http://mihoweb.blog.51cto.com/11298673/1767952

To set the default preview of browser shortcuts in sublime TEXT2/3