-
Notifications
You must be signed in to change notification settings - Fork 0
/
vim.html
71 lines (58 loc) · 2.28 KB
/
vim.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learn Vim</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Playpen+Sans&family=Roboto&display=swap" rel="stylesheet">
<style>
img {
border: 5px solid black;
}
</style>
</head>
<body>
<div id="head1">
<h1>
Learn Vim - The Text Editor
</h1>
</div>
<div>
<div>
<p>
In this Article you are going to learn how to use Vim. It is a text editor which can be used in
terminal.
If you use Linux then learning Vim is an essential. You can use Vim to edit system config files and
settings deeply and fastly.</p>
</div>
<div>
<p>
To use use Vim, you first need to download vim. To do so, type 'sudo apt update' and then 'sudo apt
install vim'. After vim is installed, you can open it by simply running the command 'vim'. If you want
to edit a specific file, type 'vim filename'.
</p>
<img src="images/vim1.png" alt="vim-command">
</div>
<div>
<p>
To type something, press the key 'i' on your keyboard. It will turn on insert mode and you will be able
to type in vim. Once you are done writing your code/text, press the 'esc' key on your keyboard. Then
type ':wq filename'. If you were editing a file you can just type ':wq'. w means save and q means quit.
</p>
<img src="images/vim2.png" alt="vim-command">
</div>
<div>
<p>
Congratulations! You have successfully learned the basics of vim and now you can edit any files you
want. If you are having trouble editing system files, try 'sudo vim filename' :)
</p>
</div>
</div>
<div class="next">
<a href="gamingonlinux.html" id="button1">Next -></a>
</div>
</body>
</html>