Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Development with Vim by Johannes Raggam

446 views

Published on

Vim is everywhere. But out of the box, it is tedious to use and doesn't aid you much with your programming tasks. Due to its flexibility, it can be extended and configured to perfectly suit your needs.

This demo shows you what is possible with vim, how it can be configured to efficiently support your workflow and help you writing better code with auto completion, code analysis and auto formatting.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Web Development with Vim by Johannes Raggam

  1. 1. Web Development with Vim • Johannes Raggam • thetetet@gmail.com • https://github.com/thet • https://twitter.com/thetetet • Vim Config: https://github.com/thet/dotfiles-vim Survey via Twitter "What is your favorite code IDE/editor? Let me know" Note • Questions: https://goo.gl/JU8qhk • Results: https://goo.gl/1pkBYq Naked Vim is hardly usable Note • Load vim with different configuration vim -u dot-vimrc • Show inserting, moving with cursors, etc. • Use set nocompatible and do :so %. Now it's much better. • Show "deleting in register" problem and "delete in blackhole register" solution. Show fully configured vim Note • My vim config: https://github.com/thet/dotfiles-vim • Good examples: https://github.com/garbas/vim-config-garbas • Show .vimrc • Show config.vim • Show keymap.vim
  2. 2. Show plugins and functionality Note • Show plugins.vim and there individual plugins. • Open plugin manager gx: https://github.com/junegunn/vim-plug File Navigation Note • Ctrl-P: • ,/, search for autoformatdefaults. • ,, currently open files. • File Beagle: -, a netrw alternative. • Buffer Gator: ,m • Open Buffer in NERDTree: ,b • MiniMap: mm. Linting and Formating Note • Ctrl-P, open autoformatsamplejs • Show errors and explanation. • ,f • See result. • - choose the python sample, format it with ,f, ,i, ,s
  3. 3. Note • External formating tools • Choose test.json from root and do: :%!python -m json.tool • Choose test.rst from root and do: :%!column -t Git Note • Show gut gutter on changed files. • Jump from Hunk to Hunk ]c. • Undo a specific Hunk ,hu • Show :Gitv commit browser. • Show GDiff diff viewer. • Show Tagbar tt on Python file. More Note • Show :Goyo with Limelight • colorscheme github, colorscheme molokai Show jedi-vim Note • pythonpaths part to build file with project paths: https://github.com/bluedynamics/buildout-base/blob/master/etc/dev.cfg • python-config.vim which parses this file. • ask me if you're interested in this and need some help.
  4. 4. Tnx A Lot!

×