The ultimate vim tutorial! Learn basics of vim interactively in an hour.
Built based on CodeMirror and javascript-state-machine
The MIT License. See LICENSE
Learn basics of vim interactively.
License: MIT License
The ultimate vim tutorial! Learn basics of vim interactively in an hour.
Built based on CodeMirror and javascript-state-machine
The MIT License. See LICENSE
Its primary goal is to act as an alive cheatsheet. It has to be compact and yet accurate.
Some jobs to decrease its (vertical) size:
hjkl
, ()
) into a line. done.keysDisp
property of commandList
elements. done.Some jobs to handle its interactiveness in more elegant way:
Some jobs to help newbies:
Continue from #1.
The problem we want to solve is to defining a function such that
a.k.a. clipboard, or registers.
Vim has many registers. Most of them are named like a
and b
. And there is an unnamed buffer (actually named as "
). This unnamed buffer is updated every time I execute the change, copy, or delete command.
Since this project is for beginners, just displaying the unnamed buffer will be enough.
Major reason for showing register is to demonstrate that delete operation is actually cut operation.
In keymap/vim.js
, is a private class Register
. It has methods like setText()
, toString()
and so on.
I can hook up a CodeMirror signal and pass its content thorugh signal argument.
http://regexone.com/lesson/2
Use "notes" on the right.
Some elements in CodeMirror (and the ones defined in vim keymap) are styled as element styles. I want them to be styled through CSS classes. The list of missing parts is:
Two cases are involved.
Requirements:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.