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:
After Installation, You Might Want To:
For Code AutoComplete - coc
Python:
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.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 |
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 |
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 |
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
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 |
Shortcut |
Action |
tt |
Open coc-explorer |
ts |
Translate word which under the cursor |
\d |
Open dictatory |
Shortcuts |
Action |
R |
Open Ranger |
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 |
Shortcut |
Action |
<Meta> <e> |
Fast wrap the word or a pairs |
<Meta> <p> |
Toggle auto pairs mode |
Shortcut |
Action |
SPACE t m |
Toggle table mode |
SPACE t r |
Realign table |
See :help table-mode.txt
for more.
Shortcut |
Action |
T |
toggle function and variable list |
Ctrl t |
open function/class/variable finder |
Shortcut |
Action |
Ctrl f |
Active FZF (ag) |
Shortcut |
Action |
Shift + l (Capital of L) |
Open Undotree |
Shift + K |
History go up |
Shift + J |
History go down |
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
Shortcut |
Action |
Ctrl +d |
Select next word (multiple cursors) |
Ctrl +p |
Select previous word |
Ctrl +x |
Skip word |
Esc |
Quit mutiple cursors |
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 |
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.
Press `Space` `g` `i` to create a `.gitignore` file
Shortcut |
Action |
g v |
Open commit browser |
q |
Quit GV window |
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. |
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
See Ultisnips
folder.
Press tx
and enter your text
tx Hello<Enter>
_ _ _ _
| | | | ___| | | ___
| |_| |/ _ \ | |/ _ \
| _ | __/ | | (_) |
|_| |_|\___|_|_|\___/
```