class: center, middle # WebVim --- class: center, middle ## What's your dev environment ? --- class: center, middle ### Mine is ![vim](img/vim-term.png) --- class: center, middle ![vim](img/vim.png) --- class: center, middle ![WebVim](img/WebVim.svg) --- class: center, middle ## A Vim based distribution for JS and web dev --- class: center, middle # Why ? --- class: center, middle ### My fingers can edit text faster --- class: center, middle ### It runs in a terminal --- class: center, middle ### It's one of the best tool I've used --- class: center, middle ### The ecosystem is huge --- class: center, middle ### Free software --- class: center, middle # But --- class: center, middle ![learning curve](img/learning_curves.png) --- class: center, middle ![wires](img/wire.jpg) --- class: center, middle ## A Vim distribution ? --- class: center, middle ### 💻 Install ### 🔌 Plugins ### 🗞 Configuration ### 📃 Documentation ### 🎰 Tests --- class: center, middle ## Features ? --- class: center, middle ### Autocomplete ![autocomplete](img/autocomplete.gif) --- class: center, middle ### Multi Cursor ![multi cursor](img/multi.gif) --- class: center, middle ### Errors checking ![error](img/eslint.gif) --- class: center, middle ### Git ![git](img/git.gif) --- class: center, middle ### Module nav ![git](img/module.gif) --- class: center, middle ### A lot more Eslint, JsHint, `.tern-project`, Spell checking, `.editorconfig`, ES2015+, HTML, CSS, SASS, JSON, Handlebars, Markdown, _hardcore mode_, Smart comments, Smart indent, Smart quotes, abbreviations, auto align, grep, search and replace, run commands, beautify, git gutter, refactoring, dark/light themes, and everything vim provides --- class: center, middle ## [webvim.org](http://webvim.org) --- class: center, middle ## @kramp ## [github.com/krampstudio](http://github.com/krampstudio)