• Stars
    star
    112
  • Rank 312,240 (Top 7 %)
  • Language
    Vim Script
  • Created about 10 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

python and javascript tmux, vim and zsh configuration inspired by the great jarrod taylor

dotfiles for the javascript and python developer

Install instructions

  1. Clone this repo into ~/dotfiles
  2. Run the symlink.sh script which will create the required symlinks in your home folder
  3. Pip install jedi globally
  4. After installation the first time you open vim run :NeoBundleInstall wait for it to complete and exit vim

What I find helpful about this configuration

The prompt

activates any python virtualenv matching the name of your directory
activates any rvm gemset matching the name of your directory
adds any local node_modules to your path so you can execute them
move to the beginning of the line = control a
move to the end of the line = control e
move forward a word = control f
move backward a word = control b
delete a letter (the one under the cursor) = control d

TMUX integration (to start a new session type tmux/ to join tmux attach)

the tmux leader key is control plus spacebar

create a new "tab" in tmux = leader c
rename a tab in tmux = leader ,
switch tabs in tmux = leader # (meaning the number of the tab)
create split virtical split in tmux = leader -
create split horizontal split in tmux = leader |
move between all panes /tabs using tmux = vim keybindings (j/k/h/l)
move up to read a stack trace in tmux = leader spacebar then vim keybindings
copy to tmux buffer = leader spacebar then go into visual mode and y to copy
paste from tmux buffer = leader spacebar then go into visual mode and p to paste
resize a split in tmux = leader option arrow (left / right / up / down)

VIM project navigation (always open vim from the project root)

the vim leader key is spacebar

basic movement in vim (j/k/h/l)
sneak plugin = f (followed by 2 chars you want to search for)
W = if you use capital W it will move like word but between words-with-hyphens_or_underscores
find by file = leader ff
find in buffer = leader fb
switch between 2 buffers = leader spacebar
ack across the project = leader a
grep -v that ack search results window = leader v
to keep that quick window open select an item with o (not enter)

nerd tree (2 different ways to open it)
leader d will open the directory tree (no context)
leader nt will open the directory and navigate to the active file
search for a word in a specific directory = ms (within nerd tree)
create new directory/file in nerd tree = ma (within nerd tree)
delete a file in nerd tree = md (within nerd tree)
move/rename a file in nerd tree = mm (within nerd tree)
copy file = leader cf (give the new file a name and hit enter)

jump to definition = leader j
if you jump to def in a non python file ctags are required
generate a ctags file for the above (think reindex) = leader ri

visual find/replace = leader fr
copy/paste will use your system clipboard from vim
to clear your search in vim = esc esc
jj and jk are both remapped to escape to stay on home row

test method = leader tm
test class/module = leader tc
test file = leader tf

to run the python tests for django web apps the .vim-django file is required
https://github.com/JarrodCTaylor/vim-python-test-runner

to run the javascript tests out of the box it's setup for mocha and npm test
https://github.com/toranb/vim-mocha-special-blend

to run qunit tests just modify the command invoked to be qunit instead
https://github.com/JarrodCTaylor/vim-qunit-special-blend

More Repositories

1

ember-data-django-rest-adapter

An ember-data adapter for django web applications powered by the django-rest-framework
JavaScript
154
star
2

ember-cli-simple-store

ember-cli addon that provides a simple identity map for ember.js web applications
JavaScript
67
star
3

ember-cli-simple-validation

ember-cli addon that provides simple validation for ember.js web applications
JavaScript
66
star
4

ember-file-upload

basic ember.js django app showing file upload in action
JavaScript
43
star
5

complex-ember-data-example

ember.js django app showing how ember-data deals with a complex object graph
Python
43
star
6

elixir-match

The original source code for https://elixirmatch.com
Elixir
42
star
7

ember-code-camp

part of my iowaJS talk -getting started with ember.js
JavaScript
31
star
8

ember-cli-auto-complete

ember-cli addon that provides type-ahead selection for text inputs
JavaScript
31
star
9

ember-template-compiler

An npm module for the ember-template-compiler.js file that ships with ember.js
JavaScript
31
star
10

ubuntu-development-machine

chef script to setup a fresh ubuntu development machine for python/ruby/node
Ruby
30
star
11

elixir-gleam-match

full featured match game with help from gleam & phoenix liveview
Elixir
27
star
12

ember-pagination-example

a pure client-side pagination example for ember.js
JavaScript
27
star
13

vim-ember-cli-test-runner

Run ember-cli tests from within Vim
Python
26
star
14

cookie-authentication-phoenix-liveview-example

Example LiveView application to show simple authentication plug
Elixir
20
star
15

jasmine-phantom-node

javascript test runner that uses phantom-node to execute jasmine specs
JavaScript
19
star
16

fauxjax

Faux ajax requests for your javascript testing needs
JavaScript
17
star
17

django-bower-registry

a bower registry written in python and django
Python
16
star
18

ember-django-grunt

a simple django application with an ember.js frontend and grunt build step
Python
15
star
19

ember-redux-example

a simple redux example to help inspire something like react-redux
JavaScript
14
star
20

django-ember-precompile

ember.js precompiler for projects that use the django compressor
JavaScript
13
star
21

osx-workstation

bash script that turns a vanilla macbook pro into a complete python/node/ruby developer machine
Shell
13
star
22

ember-django-rest

basic ember.js django app showing simple crud in action
JavaScript
13
star
23

ember-gulp-example

a simple ember.js web app using gulp along side karma/qunit/ember-testing
JavaScript
11
star
24

ember-promise

A simple promise object that will wrap xhr resolve/reject with an ember.run
JavaScript
10
star
25

ember-redux-yelp

step by step construction of yelp with ember and redux
JavaScript
10
star
26

ember-2-skeleton-app

a simple master/detail web app using ember 2.3 with validation and a local cache
CSS
10
star
27

react-gulp-example

a simple react web app using gulp along side karma/mocha/chai
JavaScript
8
star
28

phx-live-view-components

Phoenix Live View Components by example
Elixir
8
star
29

vimfiles

the ultimate vim configuration for python and django development
Vim Script
8
star
30

docker-headless-chrome

centOS 7 with headless chrome and nvm
8
star
31

broccoli-ember-hbs-template-compiler

An opinionated filter for Broccoli that compiles handlebars templates for ember.js
JavaScript
7
star
32

phoenix-live-view-todomvc

todomvc with phoenix liveview 0.18
Elixir
7
star
33

ember-cli-test-helpers

A collection of test helpers for ember web applications
CSS
7
star
34

react-es6-routing-example

a very basic react web app with nested routing / es6 / bower / gulp / karma / integration tests
JavaScript
7
star
35

ember-complex-lazy-loading-example

a fully working ember app with 2 gulp builds to show lazy loading of a real scenario
JavaScript
7
star
36

elixir-workshop

Elixir workshop for DSM WebGeeks Nov 11th
Elixir
6
star
37

HttpWithObjectiveC

Part of my iowa code camp talk -working with http on the iPhone
Objective-C
6
star
38

ember-cli-masked-inputs

set of ember components that each provide a consistent masked look and feel for great user experiences
JavaScript
6
star
39

kanban-board-without-ember-data

an example ember.js web app that shows an alternative persistence pattern
CSS
6
star
40

building-your-own-ember-app-kit-lite

a series dedicated to showing how you build your own Gruntfile one step at a time
JavaScript
6
star
41

embereeze

ember.js and breeze.js example project with a django api
JavaScript
5
star
42

ember-redux-ddau-example

an example to show how redux helped me better understand DDAU
JavaScript
5
star
43

ember-cli-foundation-modal

A modal mixin for zurb foundation 5.5
CSS
5
star
44

ember-typescript-example

simple ember project with typescript compiled to amd modules
JavaScript
5
star
45

elixir-url-shortener

Elixir web application to help me learn Phoenix, Ecto and OTP
Elixir
5
star
46

ember-broccoli-example

very simple (non es6 module) broccoli + ember build (w/ grunt as the task runner)
JavaScript
5
star
47

react-example-with-integration-tests

a very basic react web app with nested routing / browserify / gulp / karma / integration tests
JavaScript
5
star
48

vim-mocha-special-blend

a vim plugin to run a single mocha test or module
Python
4
star
49

ember-pure-components-example

an ember 2.12 app using pure components (no controllers)
JavaScript
4
star
50

redux-beginner-introduction

a simple introduction to redux
JavaScript
4
star
51

speech-to-text

text to speech example w/ Elixir and Google Cloud
Elixir
4
star
52

react-gulp-browserify-example

A simple react app using gulp and browserify for the client side build step
JavaScript
4
star
53

window-location-example

ember testing example showing how to acceptance test against window.location
JavaScript
4
star
54

ember-grunt-example

a simple ember.js web app using grunt along side testem / qunit / ember-testing
JavaScript
3
star
55

getting-started-with-django-rest-framework

simple django rest framework application presented at Pyowa July 30th 2013
Python
3
star
56

broccoli-template-compiler

An opinionated filter for Broccoli that compiles handlebars templates for ember.js
JavaScript
3
star
57

ubuntu-web-server

chef script to setup a fresh ubuntu web server with express and apache
Ruby
3
star
58

ember-dependency-lookup

Provides a simple container lookup function for non ember aware contexts
JavaScript
3
star
59

pods-with-components-example

an ember 1.13 app using pure components and the pods resolver
JavaScript
3
star
60

react-gulp-browserify-ts-example

A simple typescript app using react components and gulp/browserify for the client side build step
JavaScript
3
star
61

ember-template-jasmine-example

an example project showing how to unit test handlebars templates in your ember.js app with jasmine
JavaScript
3
star
62

ember-nested-routes

a simple ember.js app showing the transition from nested resouces to nested routes
JavaScript
3
star
63

named-outlet-inside-each-loop-example

an example project showing how to do named outlets inside an each loop
JavaScript
3
star
64

unit-testing-objective-c

part of my iowa code camp talk -unit testing basics in objective-c
Objective-C
3
star
65

react-jspm-es6-cjs-amd-example

a react example that shows how to dynamically load es6 / cjs / amd modules from github on the fly w/ jspm
JavaScript
3
star
66

array-proxy-is-dead-now-what

how to replace ArrayProxy in ember.js using redux
JavaScript
3
star
67

ember-selenium-example

a simple ember project with a bare bones selenium setup using python/ruby/watir
JavaScript
3
star
68

ember-django-pagination

a simple ember.js web app showing ember-data and the django-rest-adapter for ember data
Python
3
star
69

emberconf-2016-tdd-workshop

the example app used to drive the workshop for "test driven ember" at EmberConf 2016
CSS
3
star
70

ember-testing-multi-select-example

a simple ember testing example to show how one might tdd a multi select
CSS
2
star
71

django-rest-framework-kata

a simple kata showing one-to-many and many-to-many relationships in action
Python
2
star
72

iccmobile

the iowa code camp progressive web application
JavaScript
2
star
73

phx-live-view-forms

LiveView forms example to show off stateless and stateful form components
Elixir
2
star
74

ember-cli-store-example

a simple example app that shows the ember-cli-simple-store addon in action
JavaScript
2
star
75

react-fireup-clone

a simple react clone of the fireup ember.js web app
JavaScript
2
star
76

gulp-mocha-browserify-sweet

Generates a suite file from `gulp.src` glob on the fly for Browserify/Mocha
JavaScript
2
star
77

simple-ember-store

a simple identity map for ember.js web apps
JavaScript
2
star
78

learning-react-and-webpack-2015

an example project to help me learn /re-learn react + react router + webpack
JavaScript
2
star
79

ember-translations-example

a simple ember.js app with internationalization under test with qunit
JavaScript
2
star
80

toranb-react-nested-router

a dual bower and jspm module for the amazing react-nested-router
JavaScript
2
star
81

elixir-primes-demo

deploying this to heroku
Elixir
2
star
82

async-patterns-in-ember

callbacks => promises => generators => await => observables
JavaScript
2
star
83

ember-cli-phone-number

a simple addon that provides input masking for phone numbers
JavaScript
2
star
84

ember-cli-thymeleaf-csrf

an ember addon that adds the csrf meta tags for thymeleaf
JavaScript
2
star
85

ember-hot-reload-demo

todomvc with hot reloading + ember redux
JavaScript
2
star
86

jvm_dotfiles

vim and tmux configuration for groovy/gradle/spring-boot developers inspired by the great jarrod taylor
Vim Script
2
star
87

example-cli-with-phantomjs

a simple ember-cli app to show what is needed to polyfil bind for phantomjs
JavaScript
2
star
88

async-kanban-with-relationships-store-example

an example for ember-cli-simple-store with async rendering (including relationships)
CSS
2
star
89

js-testing-benchmark-vs-selenium

a simple ember project showing the speed diff between testing your app with selenium vs testem
JavaScript
2
star
90

jasmine-jquery-kata

a very simple javascript kata showing jasmine and jquery in action
JavaScript
1
star
91

ember-redux-engines

ember 2.15 app showing off how engines and redux work together
JavaScript
1
star
92

phx_pubsub_upgrade_demo

moving away from Phoenix.PubSub.Local.list required a new solution
Elixir
1
star
93

elixir-budget

phoenix, absinthe, react, apollo and everything in between
Elixir
1
star
94

ember-cli-store-dirty-tracking-example

a simple ember app showing how dirty tracking works at the model and field level w/ a simple identity map
JavaScript
1
star
95

react-jspm-gulp-twitter-example

a simple react web app using gulp and jspm
JavaScript
1
star
96

ember-cli-wat

a simple ember component built with ember-cli
JavaScript
1
star
97

ember-cli-patch-twilio

an ember addon that will add twilio or patch it depending on your enviornment
JavaScript
1
star
98

ember-cli-three-four-beta-three-with-redux

ember-cli v3.4.0.beta-3 + ember redux
JavaScript
1
star
99

glimmer-redux-demystified

a look at the magic behind glimmer redux
TypeScript
1
star
100

react-jspm-gulp-jsx-build-example

a react app using gulp to compile the jsx files and jspm to build the final js app
JavaScript
1
star