Giter Club home page Giter Club logo

vim's Introduction

VIM Configuration

For ease of my personal VIM configuration deployment.

Installation

Automatically install it without cloning this repository.

 wget -O - https://raw.github.com/miiicasa/vimrc/master/install.sh | sh

Installed Plugins

align

Help folks to align text, equals, declarations, tables, etc.

Usage:

  • \t= Align assignments.
  • \t, Align on commas.
  • \tsp Align on whitespace.
  • \acom Align comments.
  • \Htd Align HTML tables.

autoclose

Inserts matching bracket, paren, brace or quote.

jslint

VIM plugin and command line tool for running JSLint.

Usage:

  • It also will display more information about the error in the commandline if the curser is in the same line.

matchit.zip

Extended % matching for HTML, LaTeX, and many other languages.

Usage:

On any HTML tags, press % to find opening or closing tag.

nerdcommenter

A plugin that allows for easy commenting of code for many filetypes.

Usage:

  • This plugin works both in visual and normal mode.
  • \cc Add general comment.
  • \cm Add block comment.
  • \cu Remove comment.

nerdtree

A tree explorer plugin for navigating the filesystem.

Usage:

  • <F1> Open the explorer.
  • o Open the file.
  • t Open the file in new tab.
  • i Open the file in split window.
  • q Quit the explorer.

oop-javascript-indentation

Indentation script for OOP JavaScript.

Usage:

  • This plugin only works for JavaScript file.
  • gg=G Make indentation for current JavaScript file.
  • = Make indentation for current selection.

phpfolding

Automatic folding of PHP functions, classes,.. (also folds related PhpDoc)

Usage:

  • <F5> <Esc> Enable fast PHP Folds.
  • <F6> <Esc> Enable PHP Folds.
  • <F7> <Esc> Disable PHP Folds.

php-doc

phpDocumentor for Vim : Provides really comfortable generation of phpDocumentor doc blocks for PHP4 & 5.

Usage:

  • Move cursor to any function name.
  • Type <Ctrl-K> and the comment block is generated.

scss-syntax

Vim syntax file for scss.

supertab

Do all your insert-mode completion with Tab.

Usage:

  • This plugin only works in insert mode.
  • <Tab> It displays a menu listing all matching keywords in current file.
  • <Shift>-<Tab> Just put a tab without showing the menu.

surround

Delete/change/add parentheses/quotes/XML-tags/much more with ease.

Usage:

  • Normal mode:
  • cs<$1><$2> Replace(c) surrounding(s) from $1 to $2.
  • cs'" Replace single quotes with double quotes.
  • cs'<q> Replace single quotes with tags.
  • cst" Replace tags with double quotes.
  • ds<$1> Delete(d) $1 surrounding.
  • ds" Delete surrounding double quotes.
  • yss<$1> Wrap entire line with $1.
  • Visual mode:
  • S<$1> Wrap with $1.
  • S<p class="foo">

tagbar

Vim plugin that displays tags in a window, ordered by class etc.

Usage:

  • F2 Toggle the Tag List.

taglist

A source code browser and provides an overview of the structure of source code files.

Usage:

  • F4 Toggle the Tag List.

zencoding

HTML and CSS hi-speed coding.

Usage:

  1. Write CSS selector. Take div#foo$*2>div.bar for example.
  2. Type Ctrl-y.
  3. It output HTML code.

Keyboard Shortcuts

  • F1 Toggle NERDTree.
  • F2 Toggle TagBar.
  • F3 Print PHP test code.
  • F4 Toggle TagList.
  • F5 ESC Enable Fast PHP Folds.
  • F6 ESC Enable PHP Folds.
  • F7 ESC Disable PHP Folds.

Automation

  • Create a new *.html file with automatic content.
  • Remove tailing spaces.
  • Replace tabs with 4 spaces.
  • When saving a *.scss file, a mapping CSS file will be created or updated.

vim's People

Contributors

josephj avatar kvzhuang avatar kevinzhuangtenmax avatar

Stargazers

Andrew Wu avatar  avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.