Text Editors - Frontend Summit '14

Text Editors - Frontend Summit '14

Slides for my talk at Frontend Summit 2014 on Text Editors.

Ac6a8e9ccd9e02b6051112296760c939?s=128

Adam Simpson

August 21, 2014
Tweet

Transcript

  1. :new

  2. seesparkbox.com

  3. @a_simpson

  4. None
  5. WHY CAN’T WE ALL JUST GET ALONG?

  6. http://xkcd.com/378/

  7. Do Editors Matter? ‣ 90% of editor arguments are lighthearted

    ‣ Your editor preference barely effects the rest of your team ‣ Fighting over editors is almost useless. There are better battles to fight.
  8. “The truth is that text editors don’t matter. Code however

    you want to code, be it TextMate, Sublime Text 2, Notepad++, Vim, Emacs, or even Butterflies. Just code.” http://zackfern.me/2013/switching-to-vim/
  9. WRONG

  10. WRONG kinda

  11. You spend almost all of your time in your editor.

  12. Your editor preference changes the way you think.

  13. Context shapes perspective http://randsinrepose.com/

  14. TEXT EDITORS A few signs you need a better editor:

    1. Your editor is writing code for you
  15. TEXT EDITORS A few signs you need a better editor:

    2. You’re doing lots of clicking
  16. TEXT EDITORS A few signs you need a better editor:

    3. You’re repeating yourself—a lot!
  17. TEXT EDITORS A few signs you need a better editor:

    4. You’ve hit a ceiling, and you can’t go higher.
  18. THE CASE FOR THE PLAIN TEXT EDITOR

  19. Technically, all you need to code is an app that

    will accept text:
  20. Writing all your code in TextEdit.app would be pretty painful,

    though! ‣ Lots of (unneeded) typing! ‣ No project tree ‣ No syntax highlighting ‣ Sad and depressed
  21. IDE? Integrated Development Environment

  22. This is the part you actually need

  23. Choosing a great text editor removes abstraction between your brain

    and your code.
  24. IDE’s ‣Slow development time ‣Messy code ‣Unskillful developers

  25. “Dreamweaver was attempting to be helpful, but the moment it

    reformatted my code, I threw a fit. YOU TOUCHED MY CODE. Dreamweaver never recovered from that horrendous first impression.” http://randsinrepose.com/
  26. Enter the simple, powerful text editor

  27. Here’s what to look for: ‣ are you comfortable in

    it? ‣ can it do what you need? ‣ is it writing code for you?
  28. THE CURRENT STATE OF EDITORS

  29. Editors on the market: ‣ Sublime Text ‣ Vim ‣

    TextMate ‣ BBedit ‣ Coda ‣ Emacs ‣ Espresso ‣ Atom
  30. Editors you should actually consider: ‣ Sublime Text ‣ Vim

  31. Seriously, you guys. Vim Sublime Text sublimetext.com vim.org

  32. You can keep pulling back the layers and finding new

    functionality, which is going to make your development experience faster http://randsinrepose.com/
  33. None
  34. “I don’t think of BBedit as a commitment. It simply

    continues to be the best choice.” —bit.ly/editor-rage
  35. Why Sublime? ‣low barrier of entry

  36. Why Sublime? ‣highly extensible

  37. Why Sublime? ‣highly extensible sublime.wbond.net/installation

  38. A few essential Sublime packages: Many more: sublime.wbond.net/ ‣ SideBarEnhancements

    ‣ AdvancedNewFile ‣ Emmet
  39. Why Sublime? ‣killer features Go to Anything: ⌘+P

  40. Why Sublime? ‣killer features Command Palette: ⌘+Shift+P

  41. Why Sublime? ‣ recent rise in popularity ‣ compared to

    Coda or Espresso, it’s fast & close to the code ‣ Vintage mode for Vim key bindings ‣ hint: you should use Sublime
  42. http://delvarworld.github.io/blog/2013/03/16/ just-use-sublime-text/

  43. Why Vim?

  44. Why Vim? ‣ fast ‣ mouseless! ‣ dot command, macros,

    commands by line ‣ configurable (vimrc, vundle) ‣ super old ‣http://www.rayninfo.co.uk/ vimtips.html
  45. Why Vim? ‣ high skill ceiling ‣ popular (vimbits.com) ‣

    Runs in a terminal ‣ everywhere (any platform, ssh, other people’s machines) ‣ fun, in a weird way
  46. =

  47. Vim Resources ‣ http://vimcasts.org ‣ http://www.vimbits.com ‣ http://vimawesome.com ‣ http://github.com/mutewinter/

    dot_vim ‣ http://vim.wikia.com/wiki/ Vim_Tips_Wiki ‣:help
  48. Runners-up panic.com/coda/ https://atom.io

  49. THE RABID CASH MACHINE

  50. TEXT EDITORS MATTER. GET FOAMY.

  51. Editor Cults ‣ Get cultic about your editor ‣ As

    you're making your case, you'll have to nerd out on your editor. ‣ This is where real learning happens!
  52. Seething, rabid coding machine

  53. There’s only one thing more important than your editor. The

    code it helps you write.
  54. While you're nerding out on your editor, your coworkers are

    raking in cash for the boss.
  55. $ $

  56. :wq!