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

Source: Internet
Author: User
Tags sublime text


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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.