Sublime front-end plug-ins and common shortcut keys

29 Common Sublime Text plugin recommended

Source: Internet anonymous time: 06-18 09:27:55 "Big Small"

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.

Trimmer in the edit can be casually clear the first and the white space, the initial space will be broken lock into

Gotocssjs {

"Keys": ["super+alt+."], "command": "Goto_css_declaration",

"args": {"goto": "Next"}

},

{

"Keys": ["super+alt+,"], "command": "Goto_css_declaration",

"args": {"goto": "Prev"}

Super

It is more convenient to left to right than Goto

Cssformat can be selected later in the map to select multiple formats in the edit search

Htmlbeautify.jsformat shortcut keys are all ctrl+shift+alt+f

F should be the former view of format. The latter is selected and then right-click to find

1.Package control: Plug-in package management tool

2.Soda: A popular theme that contains code coloring, tags, icons

3.Emmet: Popular HTML Writing plugin, is Zed code upgrade contains CSS written

4.SublimeLinter: In-line highlighting syntax

5.HTML5:HTML5 Bundle

6.SideBarEnhancements: One left column enhancement

7.SublimeCodeintel: A code intelligence prompt engine

8.alignment:js code to its plugin

9.BracketHighlighter: The code highlights its line

10.git:git's Support plugin

11.jquery:jquery Plug-in

12.PREFIXR:PREFIXR API support, PREFIXR is an API that generates CSS3 compatibility

13.Css (less): internal provides less support, can write less code

14.Less: A less syntax highlighting plugin

15.jsformat:js Formatting Plugins

16.CoffeeScript

17.Sass

18.Tag

19.DocBlockr: Help to write notes in various languages quickly

20.jQuery Snippets Pack

21.AdvancedNewFile: Enhanced Create File Plugin

Currently, you can only write the path directly through the Ctrl+shift+alt+n file instead of the ctrl+shift+n.

22.ColorPicker: A built-in palette selection plugin

23.EnCodingHelper: A plugin that converts other document encoding formats into UTF-8 format

24.LiveReload: Web browser page Reload Plugin

25.Terminal: Open Terminal from current location

26.FileDiffs: File Comparison

27.Pretty JSON: Format a nice JSON

28.NodeJS: Code Coloring

Sublime_autoprefixer

Features: CSS adds a private prefix

Summary: CSS is not standardized, so you need to give each big browser a prefix to solve the compatibility problem

Use: Ctrl+shift+p, select Autoprefixer. You need to install node. js.

Other settings, such as shortcut keys, refer to: Https://sublime.wbond.net/packages/Autoprefixer

Alignment

function: "=" number alignment

Description: Variable definitions are too many, vary in length, can be aligned by one key

Use: Default shortcut key Ctrl+alt+a and QQ screenshot conflict, you can set other shortcut keys such as: Ctrl+shift+alt+a; Select the text you want to align first

Autofilename

Function: Shortcut input file name

Introduction: Automatic completion of file name input, slice selection

Use: Enter "/" to see other files relative to the project folder

ctrl+/Quick Notes

CTRL + N opens a new page
CTRL + TAB toggle between two pages
Ctrl + J Merge one line
CTRL +] Indent
CTRL + [Shrink back
CTRL + L Select when to move forward
CTRL + C copy

CTRL + W closes the current document directly
Ctrl + V Paste
CTRL + ENTER adds a row below the current line
CTRL + SHIFT + ENTER adds a row above the current line
CTRL + Z undo Action
Right-click Keyboard to move right (granularity is one letter)
ALT + Keyboard Right-click to move to the right (granularity is a single word)
CTRL + Keyboard Right-click to move to the right (granularity is a paragraph)
ALT + SHIFT + Keyboard right/left click to select Content
CTRL + A Select all
shift+ Right-click, block selection, multiple line cursors appear

Escape exit Multi-line edit
CTRL + SHIFT + P open command panel
Reindent Lines Adjust Indent
Key Bindings-uer set shortcut keys
Grain size. Arrow keys, which would have been one character at a time, ait+ arrows are one word at a time. CTRL + Arrows are also larger in size.

The ctrl+shift+ arrow becomes the selection

Single shift+ arrows can also be used for a lot of software, such as notes, without the use of a mouse.

Arrow up when the shift+ arrow is selected. +ctrl, that line's moving up.
How to find the exact command name:

• CTRL + left mouse button to select multiple text to edit at the same time
• shift+ the right mouse button (or using the middle mouse button) can use the mouse to select the vertical multi-line

CTRL + ' Open Workbench
Sublime.log_commands (True) to execute the command
CTRL + SHIFT + P open command panel
Reindent Lines Execute command
ESC Exit shortcut key

Powerful shortcut keys to improve your coding efficiency. Common shortcut keys

• CTRL + N: New file
• Ctrl+w: Close File
• Ctrl+o: Open File
• CTRL + Z: Undo
• Ctrl+y: Undo Restore
• Ctrl+f: Find
• Ctrl+h: Replace
• ESC: Gadget window hidden

Encoding shortcut keys

• Ctrl+shift+p Open the command panel, such as setting the encoding language
• Tab: Indent, auto-complete
• Shift+tab removing indents
• Ctrl+j merge rows (multiple rows that need to be merged are selected)
• Ctrl+t Word Exchange
• Ctrl+u Soft Undo
• Ctrl+k Backspace Delete from cursor to beginning of line
• CTRL+KK Delete from cursor to end of line
• Ctrl+k+t Collapsing properties
• Ctrl+k+u Change to uppercase
• Ctrl+k+l Change to lowercase
• Ctrl+k+0 Expand All
• Ctrl+enter Insert Line (quick line wrapping)
• ctrl+shift+/Comment Selected content
• Ctrl+shift+↑ can move this line of code, with upstream interchange
• Ctrl+shift+↓ can move this line of code, with the downstream interchange
• Ctrl+shift+[Folding Code
• Ctrl+shift+] Unwind code
• ctrl+/Comment Entire line (if selected, same as "ctrl+shift+/" effect)
• Ctrl+shift+a Select the cursor position parent tag pair child
• Ctrl+shift+d the entire line where the cursor is copied, before inserting the line
• Ctrl+shift+k Delete an entire row
• Ctrl+shift+l the mouse to select multiple rows (pressing the shortcut key), you can edit the lines at the same time
• Ctrl+shift+m Select the contents in parentheses (press and hold-continue to select the parent bracket)
• Ctrl+shift+enter Cursor Front Insertion
• Ctrl+pagedown, ctrl+pageup files are switched on and off in the open sequence
• CTRL + left mouse button to select multiple text to edit at the same time
• shift+ the right mouse button (or using the middle mouse button) can use the mouse to select the vertical multi-line

Find shortcut keys

• Ctrl+p: Find the file and quick Search in the current project, quickly find the label location
• Ctrl+p Enter @ To find the main title/function of the file, or enter: Jump to a file line
• Ctrl+g: Jump to the specified line
• Ctrl+f: Find
• Ctrl+d Word Selection (press the shortcut key repeatedly to continue to edit the next same text at the same time)
• Ctrl+l Select Entire row (press and hold-continue to select the downstream)
• Ctrl+m cursor to start or end position within parentheses
• Ctrl+r quickly list/jump to a function
• Ctrl+shift+f in folders, unlike normal editors, Sublime allows you to add multiple folders to find

Other shortcut keys

• Ctrl+k+b Toggle Sidebar on/off
• Ctrl+tab tab Toggle in the current window
• CTRL+F2 setting bookmarks
• Shift+f2 Previous Bookmark
• Alt+shift+1 (non-keypad) window split screen, restore the default 1 screen
• Alt+shift+2 left and right split screen-2 columns
• Alt+shift+3 left and right split screen-3 columns
• Alt+shift+4 left and right split screen-4 columns
• Alt+shift+5 4 Screen
• Alt+shift+8 Vertical Split Screen-2 screen
• Alt+shift+9 Vertical Split Screen-3 screen
• ALT +. Close the current label
• Alt+f3 selected text Press the shortcut key, you can select all the same text at once to edit simultaneously
• Tab Indent Auto-complete
• F2 Next Bookmark
• F6 Detecting syntax errors
• F9 row sort (by A-Z)
• F11 Full Screen mode
• Findadvanced can be found in the entire folder, especially handy. After finding it. F4 to find, Next and yes, Shift+f4 is the previous. or the mouse double-click it directly to find and enter.
• Gotoanything Quick Find File/string
  The action of "file name + special symbol" in the form of string lookups
  Showhtml:10 (line number to edit)
  @ Positioning operation within the current open file
  File name @ Locate the related function in the file you are looking for
  # positioning operations within the current open file
  Specialized string manipulation ctrl+f ctrl+shift+f Esc edits the current string node found
  Ctrl+alt+f Find and replace
  Ctrl+d is selected in the found string, pressed multiple times, from top to bottom of the current node to select the same name string
  The folder-level action matches are listed in the dedicated page F4 to the corresponding file contents after the node is selected.
  Shift+f4 Match of previous file contents
  Cursor jumps back operation Ctrl + "-"

  Note: Each operating system uses different shortcut keys. Source: >

Sublime front-end plug-ins and common shortcut keys