Build your own front-end development artifact-give sublime text plus eclipse aura

Build your own front-end development artifact-give sublime text plus eclipse aura

2013-05-16 14:39:15

Sublime text is created as an eclipse-like front-end development IDE

1. Shortcut key porting
From the beginning of the Java dream, to the front End of the intoxicated, but always get rid of the bondage of eclipse.
For Javaer, Eclipse is a very good choice, but for the simple front-end, is not feel slightly bulky, which all kinds of things do not want, anyway is a lot of uncomfortable, have used eclipse to do the front-end people should have the same feeling.

Envy Others use Vim when the hearty, rogue threshold is quite high, start a few days later in Eclipse's "edification" under and gradually forgotten.

When I met sublime text, it all changed, it is simply an easy-to-use version of Vim but also the power of vim, there are very rich plug-ins. I resolutely chose to "abandon" Eclipse and plunge into its embrace.

Opening a folder can be considered as opening a project

The sidebar can list all the files under the folder

But using the sublime text, found that the various shortcuts and eclipse is not the same, suffering from eclipse habits often let me memory confusion.
In order to continue Eclipse's many years of usage, DRY, I decided to adapt the common shortcut keys in Eclipse to sublime Text. When my adjustment is complete, I find that an international friend has already had this idea Eclipse shortcuts for Sublime Text 2, but not complete enough, now I have this perfect.

The appropriate eclipse shortcut keys are as follows (some of them GIF animated, the evil watercress does not support ...)
1) alt+/Auto-complete

alt+/Auto_complete

2) Ctrl+i re-indent
3) alt+up/alt+down up/down switch position <GIF>

Alt+up/alt+down Swap Line

4) Ctrl+alt+up/ctrl+alt+down copy current line to top/next line <GIF>

Ctrl+alt+up/ctrl+alt+down Duplicate Line

5) ctrl+d Delete entire row
6) ctrl+l cursor moves to the specified line

Ctrl+l Goto-line

7) Ctrl+k quickly navigate to the selected text <GIF>

Ctrl+k Quickfind

8) Ctrl+shift+x/ctrl+shift+y convert large/lowercase
9) Shift+enter inserts a blank line on the next line of the current row (at which point the mouse can be at any position in the current row, not necessarily the last) <GIF>

Shift+enter NewLine

Ctrl+shift+p position to the match (for example {}) (after locating from the front, the cursor is in the match, back to front, or vice versa) <GIF>

Ctrl+shift+p Move2bracket

One) Ctrl+o outline

Ctrl+o outline

Ctrl+shift+r Open resource<gif>

Ctrl+shift+r Open Resource

Search/Replace in ctrl+f file

Ctrl+f Find/replace

Ctrl+h Global Find/Replace, double-click Jump to match location in query results <GIF>

Ctrl+h Find in Files

Adjust shortcut keys and plug-in shortcuts
1) Ctrl + V to paste and indent
2) Ctrl+shift+v Paste
3) Ctrl+alt+o keywords in current file (easy to find content quickly)

Ctrl+alt+o Outline keyword

4) ctrl+p Open the command panel of sublime text, this command is used by default Ctrl+shift+p

Ctrl+p Command Palette

5) Alt+a by equal sign or colon (requires alignment plug-in) <GIF>

Alt+a Alignment

6) Ctrl+shift+f formatted JavaScript code (requires Jsformat plugin) <GIF>

CTRL+SHIFT+F Js Format

Useful Sublime Text shortcut keys
1) ctrl+left/ctrl+shift+left/alt+left/alt+shift+right cursor A word for the movement of a word
2) Ctrl +]/ctrl+[indent
3) ctrl+backspace/ctrl+delete Delete entire word
4) F9 row sorting (for example, select several JSON fields to have these field names sorted alphabetically)


2. Recommended Plugin Chapter
Without the help of various plug-ins, Sublime text is definitely text, not the IDE, just like eclipse, it is growing by plugins.
1) package Control must be installed, once you install this, you will find the installation/uninstallation of the plug-in is so simple
2) autofilename<gif>

Autofilename Auto-complete file (directory) name

3) brackethighlighter<gif>

Brackethighlighter Highlight brackets/quotation marks

4) Colorhighlighter

Colorhighlighter background display 16 binary colors

5) Docblockr

Docblockr Generating a comment template

6) emmet<gif>
For complete syntax, refer to Emmet cheat sheet

Emmet (Ex-zen Coding) used to know the zen-coding, save your time to enjoy life

7) sidebarenhancements

Sidebarenhancements

    More plugins please refer to sublime Text Packages