Build your own front-end development artifact-give sublime text plus eclipse's halo to sublime text into a front-end development IDE like Eclipse
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
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
7) Ctrl+k quickly navigate to the selected text <GIF>
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>
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+shift+r Open resource<gif>
|
| Ctrl+shift+r Open Resource |
Search/Replace in ctrl+f file
Ctrl+h Global Find/Replace, double-click Jump to match location in query results <GIF>
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
5) Alt+a by equal sign or colon (requires alignment plug-in) <GIF>
6) Ctrl+shift+f formatted JavaScript code (requires Jsformat plugin) <GIF>
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
For more plugins please refer to sublime Text Packages
Full configuration file
-----------
Accelerator Mapping (KEYMAP)
Sublime Text Editor Configuration
List of installed plugins
Alignment plug-in configuration
Reference
-----------
Using Sublime Text as your IDE
Web Development with Sublime Text 2
Postscript
-----------
I used IntelliJ idea 12 to know that the IDE tools have been so chatty.
123 Start Singing (your deskmate < song >):
If you're not just writing Java, say hello to spring and play with groovy
What J2eej2me, one can not be less, of course, Web engineering is necessary to write HTML (/css/javascript),
And now it's going to be for Android, and there's a flex waving to you in the distance ...
Happy ending~~
|
| Java/groovy/spring/web/android/flex more violent. |
If you're more of a front-end developer, then it's recommended to focus on JetBrains webstorm, Web development and node. js, most notably JavaScript's coveted API quick-location feature, where is the applause?
|
| JavaScript API Quick Location |
Post-PostScript
-----------
After trial Hbuilder, really feel is the pride of the people, is a very good front-end IDE, recommend everyone to feel, not only can do the regular web front end, but also can use the integrated html5+ framework to develop (Android | iOS) Hybird APP, is worth a try.
|
| Hbuilder Code Auto-complete, support HTML/CSS/JS |
Sublime text plus eclipse
