Shulou(Shulou.com)06/03 Report--

Front-end gods, what do you like to use when using IDE editors? Is it Dreamweaver, Zend Studio, editplus or sublime text? Today, Ma Haozhou is going to talk about how to set the default preview browser shortcuts in sublime text2/3, which you may have already set (automatically ignored). This article is for novice users of sublime text.

Why should we set the default preview browser? Because people at the front end all know that you can't just preview one browser when previewing, you may need more than one browser, of course, today we will say that Google browser Chrome,IE browser Internet Explorer, Firefox browser Firefox; why choose these three? Because they are our most commonly used browsers. Don't say you haven't used it!

An (li) sublime text: (taken from encyclopedia)

Sublime Text is a code editor (Sublime Text 2 is a paid software that can be tried indefinitely) and an advanced text editor for HTML and prose. Sublime Text was developed by programmer Jon Skinner in January 2008 and was originally designed as a Vim with rich extension functions.

Sublime Text has a beautiful user interface and powerful features, such as code thumbnails, Python plug-ins, code snippets and so on. You can also customize key bindings, menus and toolbars. The main features of Sublime Text include: spell checking, bookmarking, complete Python API, Goto functions, instant project switching, multi-choice, multi-window and so on. Sublime Text is a cross-platform editor that supports operating systems such as Windows, Linux, Mac OS X and so on.

1: open sublime text

2: click "preferences"-"keystroke binding-user" as shown in the following figure, what you see is a blank page: (Chinese version)

(click "Preferences"-- "Key Bindings-User" displays a blank page: English version)

3: copy and paste the following code

[/ / 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: click the file menu and click save to save.

But don't think it's that simple. Do you know what the above code says? Why is it set up? Is it true that someone did it and found that what they set up didn't work? Haha, that's right. Let Ma Haozhou explain to you what you should pay attention to and understand about this code.

"keys": ["F12"]

Keys: indicates a shortcut key, that is, F12 can launch an ie browser to preview. Of course, you can set the keys you like, and you can give several common keys: alt+F12, ctrl+F12

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

Application: indicates the installation path where the browser is located. Only if the path is configured correctly can the browser be called normally. And the path above is the browser path on my computer. What? What is your browser path? How would I, Tm, know? Don't you know how to look at the browser path on your computer? Just find the right path to cover my path.

Careful programmers have found that when I set up the two browsers, the path is written differently, one is to use a slash "/" the other is to use a double backslash "\", in fact, both are correct, but if you write a backslash "\" that is a mistake! Because in the Windows system: the backslash\, in the windows system to represent the directory. Forward slash / represents URL, Url address. In sublime text, the slash "/" and the double backslash "\" serve the same purpose. (it has gone a little too far.)

There is another question. What to do if you want to add multiple browsers? in fact, the method is still the same, and the code is the same. It's just a matter of setting buttons and paths. Take Firefox as an example:

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

In this way, the addition is successful. It's that simple. Again, change your keys and change your correct browser address. At this point, Ma Haozhou has taught you how to set the default preview browser shortcuts in sublime text2/3! The following are look one get two free (I sorted out some sublime text shortcuts and common plug-ins), take it, you're welcome, please call me a red scarf!

Sublime Text shortcut key:

Ctrl+Shift+P: open the command panel

Ctrl+P: searching for files in a project

Ctrl+G: jump to which line

Ctrl+W: closes the currently open file

Ctrl+Shift+W: close all open files

Ctrl+Shift+V: pasting and formatting

Ctrl+D: select a word. Repetition increases the selection of the next same word.

Ctrl+L: select a row, repeat to increase the selection of the next row in turn

Ctrl+Shift+L: selecting multiple Lin

Ctrl+Shift+Enter: inserts a new row before the current row

Ctrl+X: delete the current line

Ctrl+M: jump to corresponding parentheses

Ctrl+U: soft undo, undo cursor position

Ctrl+J: select tag content

Ctrl+F: finding content

Ctrl+Shift+F: find and replace

Ctrl+H: replacing

Ctrl+R: go to method

Ctrl+N: create a new window

Ctrl+K+B: switch sidebar

Ctrl+Shift+M: select the content of the current parenthesis, repeat with the parenthesis itself

Ctrl+F2: setting / deleting markup

Ctrl+/: comments the current line

Insert comments in Ctrl+Shift+/: 's current location

Ctrl+Alt+/: block comments, and Focus to the first line, used to write comments

Ctrl+Shift+A: modify the tag before and after selecting the current tag

F11: full screen

Shift+F11: full-screen do not Disturb mode, only edit the current file

Alt+F3: select all the same words

Alt+.: closure label

Alt+Shift+ numbers: split-screen display

Alt+ digits: toggle opening Nth file

Shift+ right drag: the cursor is used to change or insert column contents.

The forward and backward keys of the mouse can switch Tab files.

Press Ctrl, click or select, multiple locations that need to be edited

Press the Ctrl+Shift+ up and down keys to replace the line

Install common plug-ins: Ctrl+Shift+P (menu-Tools-Command Paletter), enter install to select Install Package and enter, enter or select the plug-in you need to enter and install it (note the small text changes in the lower left corner, it will prompt you to install successfully), install other plug-ins is also this method, very fast.

ZenCoding

Have to use a front-end development plug-in, Write less, show more. Can be used directly after installation, Tab key trigger, Alt+Shift+W is a code machine.

Alignment

Code alignment, such as writing a few variables, select these lines, Ctrl+Alt+A, wow, all right.

Prefixr

Write CSS can automatically add-webkit and other private affixes, Ctrl+Alt+X trigger.

Tag

Html format, right-click Auto-Format Tags on Ducument.

Clipboard History

Clipboard history, showing more history copies, Ctrl+Shift+V trigger.

SideBarEnhancements

The sidebar right button function is enhanced, which is very practical.

Theme-Soda

Perfect coding theme, used all agreed, Setting user added "theme": "Soda Dark.sublime-theme"

GBK to UTF8

Change the file code from GBK to UTF8, and find it in menu-File.

SFTP

Edit files on FTP or SFTP server directly, absolutely FTP floating cloud

WordPress

Integrate some WordPress functions, especially useful for people like me who often write WP templates and plug-ins

PHPTidy

Sort out the typesetting PHP code

YUI Compressor

Compress JS and CSS files

Well, the way to set the default preview browser shortcuts in sublime text2/3 is really over. If you also need this method, you can try, oh, if there is something wrong with the setting, you can contact me as soon as possible, I will try my best to help you complete the sublime text setting. If you encounter unsolvable problems, Ma Haozhou thinks that as a programmer / front-end engineer, you should have this spirit-

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.