Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Text Editors - Frontend Summit '14
Search
Adam Simpson
August 21, 2014
Programming
2
120
Text Editors - Frontend Summit '14
Slides for my talk at Frontend Summit 2014 on Text Editors.
Adam Simpson
August 21, 2014
Tweet
Share
More Decks by Adam Simpson
See All by Adam Simpson
Build your own tools with Electron and React
asimpson
1
180
Intro to Frontend Tooling - Gem City JS
asimpson
0
630
Intro To Frontend Tooling - Codemash '14
asimpson
2
390
.dotfiles
asimpson
2
130
Other Decks in Programming
See All in Programming
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
Immutable ActiveRecord
megane42
0
130
Rails アプリ地図考 Flush Cut
makicamel
1
110
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
Grafana Cloudとソラカメ
devoc
0
140
DROBEの生成AI活用事例 with AWS
ippey
0
130
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Designing Experiences People Love
moore
139
23k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Statistics for Hackers
jakevdp
797
220k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Transcript
:new
seesparkbox.com
@a_simpson
None
WHY CAN’T WE ALL JUST GET ALONG?
http://xkcd.com/378/
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.
“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/
WRONG
WRONG kinda
You spend almost all of your time in your editor.
Your editor preference changes the way you think.
Context shapes perspective http://randsinrepose.com/
TEXT EDITORS A few signs you need a better editor:
1. Your editor is writing code for you
TEXT EDITORS A few signs you need a better editor:
2. You’re doing lots of clicking
TEXT EDITORS A few signs you need a better editor:
3. You’re repeating yourself—a lot!
TEXT EDITORS A few signs you need a better editor:
4. You’ve hit a ceiling, and you can’t go higher.
THE CASE FOR THE PLAIN TEXT EDITOR
Technically, all you need to code is an app that
will accept text:
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
IDE? Integrated Development Environment
This is the part you actually need
Choosing a great text editor removes abstraction between your brain
and your code.
IDE’s ‣Slow development time ‣Messy code ‣Unskillful developers
“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/
Enter the simple, powerful text editor
Here’s what to look for: ‣ are you comfortable in
it? ‣ can it do what you need? ‣ is it writing code for you?
THE CURRENT STATE OF EDITORS
Editors on the market: ‣ Sublime Text ‣ Vim ‣
TextMate ‣ BBedit ‣ Coda ‣ Emacs ‣ Espresso ‣ Atom
Editors you should actually consider: ‣ Sublime Text ‣ Vim
Seriously, you guys. Vim Sublime Text sublimetext.com vim.org
You can keep pulling back the layers and finding new
functionality, which is going to make your development experience faster http://randsinrepose.com/
None
“I don’t think of BBedit as a commitment. It simply
continues to be the best choice.” —bit.ly/editor-rage
Why Sublime? ‣low barrier of entry
Why Sublime? ‣highly extensible
Why Sublime? ‣highly extensible sublime.wbond.net/installation
A few essential Sublime packages: Many more: sublime.wbond.net/ ‣ SideBarEnhancements
‣ AdvancedNewFile ‣ Emmet
Why Sublime? ‣killer features Go to Anything: ⌘+P
Why Sublime? ‣killer features Command Palette: ⌘+Shift+P
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
http://delvarworld.github.io/blog/2013/03/16/ just-use-sublime-text/
Why Vim?
Why Vim? ‣ fast ‣ mouseless! ‣ dot command, macros,
commands by line ‣ configurable (vimrc, vundle) ‣ super old ‣http://www.rayninfo.co.uk/ vimtips.html
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
=
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
Runners-up panic.com/coda/ https://atom.io
THE RABID CASH MACHINE
TEXT EDITORS MATTER. GET FOAMY.
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!
Seething, rabid coding machine
There’s only one thing more important than your editor. The
code it helps you write.
While you're nerding out on your editor, your coworkers are
raking in cash for the boss.
$ $
:wq!