All Case Studies Design Development Interviews Our Way Project Management

Development Tips

Here's a list of a few development tips you should know - they will help you to boost efficiency during development (and work in general).

 

Editors

what does [A] [S] [V] mean?

[A] - Atom
[S] - Sublime Text
[V] - Vim
  1. Use a cool theme
    1. think about dark/light variations

    2. browse themes online to choose your favourite

      1. Atom: https://atom.io/themes

      2. Vim: http://cocopon.me/app/vim-color-gallery/

      3. Sublime: http://colorsublime.com

    3. our favourites:

      1. Tomorrow Night

      2. Spacegray

      3. Solarized

    4. check out those fonts:
      1. Source Code Pro
      2. Ubuntu Mono
      3. Inconsolata
  2. Use fuzzy search, not file tree-based navigation
    1. [A] [S]: 

      1. CMD+P / CMD+T

    2. [V] 

      1. CTRL+P 

      2. https://github.com/kien/ctrlp.vim 

  3. Quickly go back to previous file

    1. fuzzy search (see above) + ENTER
  4. Split tabs
    1. [A]
      1. CMD+K, <any arrow key>
    2. [S]
      1. CMD+ALT+2 (or more)
    3. [V]
      1. :sp:vsp
  5. Show/hide file tree
  6. Quick find selected word
    1. [A] [S]
      1. CMD+ECMD+G
  7. Select all occurrences in file
    1. [A] [S]
      1. CTRL+CMD+G
  8. Work with multiple cursors
    1. [A] [S]
      1. CMD+SHIFT+L
  9. Quickly delete line(s)

    1. [A] [S]
      1. CTRL+SHIFT+K
  10. Join lines
    1. [A] [S]

      1. CMD+J

  11. Move line(s) up/down

    1. [A] [S]: 

      1. CTRL+CMD+up/down

  12. Go to the end of line

    1. [A] [S]: 

      1. CMD+right

    2. [V]: 

      1. $

  13. Got to the beginning of line

    1. [A] [S]: 

      1. CMD+left

    2. [V]: 

      1. ^

  14. Move cursor left/right by word

    1. [A] [S]: 

      1. ALT+right/left

    2. [V]: 

      1. b / w, B / W

  15. Seach everywhere

    1. [A] [S]: 

      1. CMD+SHIFT+f

      2. quick change search word: CMD+d, CMD+e

    2. [V]: 

      1. :Ag 

      2. https://github.com/rking/ag.vim 

  16. Use ctags to find method definition
    1. [A] [S]: 

      1. CMD+SHIFT+down

      2. https://github.com/SublimeText/CTags

    2. [V]: 

      1. CTRL+]

    3. http://ctags.sourceforge.net/

  17. Go to file on github
    1. [A] ALT+G, O
    2. https://github.com/tpope/vim-fugitive

    3. https://github.com/ehamiter/ST2-GitHubinator 

  18. Learn how to use git within editor

    1. git blame

  19. Show modified lines in editor
    1. git gutter
  20. List of other useful plugins (might be extracted to a separate page)
    1. Atom
      1. https://github.com/abe33/atom-pigments
      2. https://github.com/dsandstrom/atom-ruby-block-converter
      3. https://github.com/cliffrowley/atom-circle-ci
    2. Vim

      1. https://github.com/gmarik/Vundle.vim 

      2. https://github.com/kien/ctrlp.vim 

      3. https://github.com/scrooloose/nerdtree 

      4. https://github.com/tomtom/tcomment_vim 

    3. Sublime

      1. https://netguru.co/blog/sublime-text-plugins-development 
      2. https://netguru.co/blog/11-sublime-plugins-html-developers

Follow Netguru
Join our Newsletter

READ ALSO FROM Dev
Read also
Need a successful project?
Estimate project or contact us