NeoVim Config For Front-end Developer

Archived. Please go https://github.com/Innei/dotfiles

Forked from theniceboy/nvim

Support Language:

• JavaScript (include Vue, JSX, TypeScript, etc.)
• Golang
• HTML
• CSS

Please DO NOT just copy this config without really looking at it! Please, at least, read this README file!

After Installation, You Need To:

• Install pynvim (pip)
• Install nodejs, and do npm install -g neovim
• Install nerd-fonts (actually it's optional but it looks real good, recommended Operator Mono which patched font on (Fonts)[https://github.com/Innei/zshrc/tree/master/fonts])

After Installation, You Might Want To:

First of all

• Do :checkhealth

Config Python path

• Well, make sure you have python
• See _machine_specific.vim

For Code AutoComplete - coc

Python:

• Do pip3 install flake8 (for linting)

For Taglist:

• Install ctags for function/class/variable list

And also...

• Install figlet for inputing text ASCII art
• Install xclip for system clipboard access (Linux and xorg only)
• Install ag tool (For mac user do: brew install ag)

Keyboard Shortcuts

1 Basic Editor Features

1.1 The Most Basics

Q : quit current vim window, equals to command :q

S : save the current file, equals to command :w

<Ctrl> <s> : save all tabs file, equals to command :wa

; : exec a vim command, equals to key :

1.2 Remapped Cursor Movement

Shortcut	Action
↑	Cursor up a terminal line
↓	Cursor down a terminal line
←	Cursor left
→	Cursor right
Ctrl u	Move the view port up 5 lines without moving the cursor
Ctrl e	Move the view port down 5 lines without moving the cursor
W	Move cursor five words forward
B	Move cursor five words forward
,	Back to prev edited position
.	Forward to next edited position
<M-d>	Select current under cursor word
\ \	Go next word which equal with current cursor under word
\ *	Same as above, but go forward
0	Equal to ^
)	Equal to $

1.3 Remapped Insert Mode Keys

Shortcut	Action
j j	Map to ESC
j k	Map to undo
Meta d	Select current (next) under cursor word
Meta D	Select prev some word which like under cursor word
Meta Down	Swap current line and next line
Meta Up	Swap current line and before line

1.4 Remap Visual Mode Keys

Shortcut	Action
Shift Left	Select to previous word
Shift Right	Select to next word
Meta Up	Move selection up
Meta Down	Move selection down
,	Select to the end of line (without $)
.	Select to the beginning of line

1.5 Remapped Text Manipulating Commands in Normal Mode

Shortcut	Action
u	undo
r	redo
<	Un-indent
>	Indent
=	Increase the number under cursor by 1
-	Decrease the number under cursor by 1
X	replace a letter into another. Equal to r

1.6 Other Useful Normal Mode Remapping

Shortcut	Action
F5	Compile/Run the current file
y	Copy selected text to system clipboard
z =	Show spell suggestions
SPACE s c	Toggle spell suggestion mode
SPACE d w	Find adjacent duplicated word
SPACE t t	Convert every 4 Spaces to a tab
SPACE -	Previous quick-fix position
SPACE +	Next quick-fix position

2 Window Management

2.1 Creating Window Through Split Screen

Shortcut	Action
s ↑	Create a new horizontal split screen and place it above the current window
s ↓	Create a new horizontal split screen and place it below the current window
s ←	Create a new vertical split screen and place it left to the current window
s →	Create a new vertical split screen and place it right to the current window
s v	Set the two splits to be vertical
s h	Set the two splits to be horizontal
s r v	Rotate splits and arrange splits vertically
s r h	Rotate splits and arrange splits horizontally

2.2 Moving the Cursor Between Different Windows

Shortcut	Action
SPACE + w	Move cursor to the next window
SPACE + ↑	Move cursor one window up
SPACE + ↓	Move cursor one window down
SPACE + ←	Move cursor one window left
SPACE + →	Move cursor one window right

2.3 Resizing Different Windows

Use the Shift + arrow keys to resize the current window.

2.4 Closing Windows And Buffer

Shortcut	Action
Q	Close the current buffer
SPACE q	Close the window below the current window. (The current window will be closed if there is no window below)
Ctrl + q	Exit all windows

3 Tab Management

Shortcut	Action
t /	Create a new tab
t ,	Go one tab left
t .	Go One tab right
t m ,	Move tab left
t m .	Move tab right
t b	Go next tab

4 Buffer Management

Shortcut	Action
Ctrl \	Toggle prev buffer
Ctrl ]	Toggle next buffer
g b	Toggle next buffer

5 Terminal Keyboard Shortcuts

Shortcut	Action
SPACE .	Create a new split with a terminal below the current window
Ctrl n	Escape from terminal input mode

6 Vim Object Action

pairs: [ ] ( ) { } etc.

Shortcuts	Action
c i + pairs	Remove section and re-edit section in next section in pairs
c I + pairs	Same as above, but ignore surrounding space
v i + pairs	Select section which in pairs
v I + pairs	Same as above, but ignore surrounding space

More useful object actions. Like

• c + b (change this block content under the cursor) ({} ())
• c + q (change this quote content under the cursor) ("" '')

Other: See targets.vim

Plugins

CoC (AutoCompletion)

CoC is a modern completion, which had most vscode feature. It's all configs wrote in coc-setting.json

Shortcut	Action
Space y	Get yank history list
gd	Go to definition
gr	List references
gi	List implementation
gy	Go to type definition
Space r n	Rename a variable

• CoC Plugins

Shortcut	Action
tt	Open coc-explorer
ts	Translate word which under the cursor
\d	Open dictatory

rnvimr

Shortcuts	Action
R	Open Ranger

Git Action

Shortcut	Action
g h	Show git hunk at current line
g -	Go to previous git hunk
g +	Go to next git hunk
g f	Fold everything except hunks
g u	Undo git hunk under cursor
g s	Stage this git hunk
<Space> gg	Open git stash and commit
<Space> gp	Do git push

Auto Pairs

Shortcut	Action
<Meta> <e>	Fast wrap the word or a pairs
<Meta> <p>	Toggle auto pairs mode

vim-table-mode

Shortcut	Action
SPACE t m	Toggle table mode
SPACE t r	Realign table

See :help table-mode.txt for more.

Vista.vim

Shortcut	Action
T	toggle function and variable list
Ctrl t	open function/class/variable finder

Fuzzy find

Shortcut	Action
Ctrl f	Active FZF (ag)

Undotree

Shortcut	Action
Shift + l (Capital of L)	Open Undotree
Shift + K	History go up
Shift + J	History go down

Vim Bookmarks

Shortcut	Action
ma	Add mark at current line
m.	Move to next mark
m,	Move to prev mark
mc	Clear mark
mC	Clear All mark
ml	List all marks
mSPACE	Jump to the next mark in buffer

For more commands, see here

vim-multiple-cursors

Shortcut	Action
Ctrl+d	Select next word (multiple cursors)
Ctrl+p	Select previous word
Ctrl+x	Skip word
Esc	Quit mutiple cursors

vim-surround

To add surround (string -> "string"):

```
string
```

press: `kw'`:

```
'string'
```

To change surround

```
'string'
```

press: `ks'"`:

```
"string"
```

To add surround in Visual Mode

Select session then press `S` + `your want to add letter`

far.vim - find and replace

Shortcut	Action
SPACE f	Find in the current file (required ag)
SPACE f r	Find and replace

vim-workspace

Shortcut	Action
ss	Save this session as a workspace like vscode.
srm	Remove all session.

vim-fileheader

Press `F4` to add file-header this file.

fzf-gitignore

Press `Space` `g` `i` to create a `.gitignore` file

GV - commit browser

Shortcut	Action
g v	Open commit browser
q	Quit GV window

AutoFormat

Press `\` `f` to format code

Goyo - Work without distraction

Press `g` `y` to toggle Goyo. (For markdown)

nerdcommenter - Quick comment

Shortcut	Action
SPACE + /	toggle comment lines.

Custom Snippets

Markdown

Shortcut	What it creates
,n	---
,b	Bold text
,s	sliced text
,i	italic text
,d	code block
,c	big block of code
,m	- [ ] check mark
,p	picture
,a	link
,1	# H1
,2	## H2
,3	### H3
,4	#### H4
,l	--------

,f to go to the next <++> (placeholder)

,w to go to the next <++> (placeholder) and then press Enter for you

Other Languages

See Ultisnips folder.

Other Weird Stuff

Press tx and enter your text

tx Hello<Enter>

_   _      _ _
| | | | ___| | | ___
| |_| |/ _ \ | |/ _ \
  |  _  |  __/ | | (_) |
  |_| |_|\___|_|_|\___/
  ```