Introduction to the use of sublime Text3

Basic article:

Basic Tutorial: First go to the official website http://www.sublimetext.com/Download a sublime text3, the environment configuration is very simple, you can press next all the way no problem. Sublime Text3 Advantages: 1. Multi-line Selection Mode 2. Provides support for VIM compatibility Mode 3. Fast starting Speed 4. Command mode 5. Provide various plugins. 6 You can view the pictures in your folder oh

Basic Tutorial Two: The main function of the menu bar introduction, Word everyone used it? Some shortcuts are actually similar, in sublime Text3 you can CTRL + N new, CTRL + C copy, Ctrl + V paste and so on, navigation bar those functions and some other software almost, similar, here is not detailed introduction, the introduction of the common

Basic Tutorial Three: When you are completing a huge project, if there are 100,000 lines of code, boss suddenly said to change the background color of a place, then what do you do? Then goto anything can play a powerful function, shortcut key is ctrl+p, this support fuzzy matching query, we can go to try. Do not confuse this with ctrl+shift+p, Ctrl+shift+p is to change the editing mode to JavaScript mode, which is a command mode, you can change your own code to other modes

Basic Tutorial Four: The function of a multi-line cursor. You are in sublime Text3 if you want to find and replace that shortcut key is ctrl+h. In Sublime Text3 There is a more cool way to fix, directly with the mouse to select the place you want to replace or change, and then Ctrl+d, a few times ctrl+d can have a few of the same places themselves to change the time. Of course you can alt+f3 directly select your items and you can replace them or edit them directly at the back. Plainly, the multi-line cursor is CTRL+H,CTRL+D,ALT+F3 and so on the combination of key combinations of applications, you can also be the amount of shift+ mouse drag to achieve.

Application article:

Through the above study, you can almost use sublime text3, now you can open your sublime Text3 began to use. After opening, want to create a new file, then CTRL + N, want to edit the HTML mode code, then Ctrl+shift+p, and then press SSH, is actually set Syntax HTML, then you can edit the HTML code, The small partners who have used Dreamweaver should find that each time the DW is opened, the header files and some end things will appear, and of course we sublime Text3 can implement this, but configure the next plugin. Click View->show Console on the menu bar, enter the following code in the command line that appears and press ENTER:

If it is sublime text2:import urllib2,os;pf= ' package control.sublime-package '; Ipp=sublime.installed_packages_path (); O S.makedirs (IPP) if not os.path.exists (IPP) Else None;open (Os.path.join (IPP,PF), ' WB '). Write (Urllib2.urlopen (' http:// sublime.wbond.net/' +pf.replace (', '%20 '). Read ())

if it's Text3, : Import urllib.request,os; pf = ' package control.sublime-package '; IPP = Sublime.installed_packages_path (); Urllib.request.install_opener (Urllib.request.build_opener (Urllib.request.ProxyHandler ())); Open (Os.path.join (IPP, PF), ' WB '). Write (Urllib.request.urlopen (' http://sublime.wbond.net/' + pf.replace (', '%20 ')) . Read ())

At last

Ctrl+shift+p, shortcut key Open command line, enter inside

Package Control:install Package

or click Preferences->package Control input to

After execution will have a command box appears, enter "Emmet" inside, this need to install plug-in, formerly called Zend Coding, I think you definitely need, select after Enter.

After the above operation you have successfully installed the plug-in, remember to restart. Next you can press! +ctrl+e the things that began with the beginning of the sublime, like Dreamweaver, also appeared in the Text3. You can then use the Goto anything for quick programming. We usually knock the code inside the body, so we use goto anything shortcut key ctrl+p and then enter in the box #body press ENTER after the jump to body there, but not inside it? What about this time? We just have to press the Ctrl+enter again, and now we can program it under the body. If you want to output 8 unordered lists, then you can ul>.iters$*8 and then press Ctrl+e. Then 8 of the unordered lists are created. Here > is a sub-element that represents the inside of UL. $ represents the ordinal, *8 represents 8 rows.

Everyone likes their code looks good, very neat, then we can use ctrl+{or} to do indentation processing. Select the code snippet you want to indent by pressing ctrl+{or} to adjust where you want to indent,

Advanced Application:

<1> Install plugin advancenewfile, this is to let you in your right side of the panel feel free to add files. The installation process is as follows: Ctrl+shift+p--->pc--->advancenewfile so you can install successfully; you could press Ctrl+alt+n, Enter Test.css below, then you will see the following two pictures, your own comparison, the second picture to the right of the Test.css file appears. If you want to make test.css this file appear in a folder, then directly in the a\b\test.css just fine

<2> Install plugin sidebarenhancements, after we've edited the code and want to see it on the browser we want, we can ctrl+shift+p--->pc---> Sidebarenhancements, after the installation is complete, you can then use CTRL + K, CTRL + B to open the sidebar, in the sidebar file right click, find open width, edit applications. Inside you can configure your desired browser here a Chorm for example, change the address of the love application can be

On top of that, you have almost been using sublime text3, as for more copies of the function there are some shortcut keys everyone in practice to explore it!

Introduction to the use of sublime Text3