vim.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="generator" content="pandoc" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  7. <title>Vim</title>
  8. <style>
  9. html {
  10. line-height: 1.5;
  11. font-family: Georgia, serif;
  12. font-size: 20px;
  13. color: #1a1a1a;
  14. background-color: #fdfdfd;
  15. }
  16. body {
  17. margin: 0 auto;
  18. max-width: 36em;
  19. padding-left: 50px;
  20. padding-right: 50px;
  21. padding-top: 50px;
  22. padding-bottom: 50px;
  23. hyphens: auto;
  24. overflow-wrap: break-word;
  25. text-rendering: optimizeLegibility;
  26. font-kerning: normal;
  27. }
  28. @media (max-width: 600px) {
  29. body {
  30. font-size: 0.9em;
  31. padding: 1em;
  32. }
  33. }
  34. @media print {
  35. body {
  36. background-color: transparent;
  37. color: black;
  38. font-size: 12pt;
  39. }
  40. p, h2, h3 {
  41. orphans: 3;
  42. widows: 3;
  43. }
  44. h2, h3, h4 {
  45. page-break-after: avoid;
  46. }
  47. }
  48. p {
  49. margin: 1em 0;
  50. }
  51. a {
  52. color: #1a1a1a;
  53. }
  54. a:visited {
  55. color: #1a1a1a;
  56. }
  57. img {
  58. max-width: 100%;
  59. }
  60. h1, h2, h3, h4, h5, h6 {
  61. margin-top: 1.4em;
  62. }
  63. h5, h6 {
  64. font-size: 1em;
  65. font-style: italic;
  66. }
  67. h6 {
  68. font-weight: normal;
  69. }
  70. ol, ul {
  71. padding-left: 1.7em;
  72. margin-top: 1em;
  73. }
  74. li > ol, li > ul {
  75. margin-top: 0;
  76. }
  77. blockquote {
  78. margin: 1em 0 1em 1.7em;
  79. padding-left: 1em;
  80. border-left: 2px solid #e6e6e6;
  81. color: #606060;
  82. }
  83. code {
  84. font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
  85. font-size: 85%;
  86. margin: 0;
  87. }
  88. pre {
  89. margin: 1em 0;
  90. overflow: auto;
  91. }
  92. pre code {
  93. padding: 0;
  94. overflow: visible;
  95. overflow-wrap: normal;
  96. }
  97. .sourceCode {
  98. background-color: transparent;
  99. overflow: visible;
  100. }
  101. hr {
  102. background-color: #1a1a1a;
  103. border: none;
  104. height: 1px;
  105. margin: 1em 0;
  106. }
  107. table {
  108. margin: 1em 0;
  109. border-collapse: collapse;
  110. width: 100%;
  111. overflow-x: auto;
  112. display: block;
  113. font-variant-numeric: lining-nums tabular-nums;
  114. }
  115. table caption {
  116. margin-bottom: 0.75em;
  117. }
  118. tbody {
  119. margin-top: 0.5em;
  120. border-top: 1px solid #1a1a1a;
  121. border-bottom: 1px solid #1a1a1a;
  122. }
  123. th {
  124. border-top: 1px solid #1a1a1a;
  125. padding: 0.25em 0.5em 0.25em 0.5em;
  126. }
  127. td {
  128. padding: 0.125em 0.5em 0.25em 0.5em;
  129. }
  130. header {
  131. margin-bottom: 4em;
  132. text-align: center;
  133. }
  134. #TOC li {
  135. list-style: none;
  136. }
  137. #TOC a:not(:hover) {
  138. text-decoration: none;
  139. }
  140. code{white-space: pre-wrap;}
  141. span.smallcaps{font-variant: small-caps;}
  142. span.underline{text-decoration: underline;}
  143. div.column{display: inline-block; vertical-align: top; width: 50%;}
  144. div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
  145. ul.task-list{list-style: none;}
  146. .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  147. </style>
  148. <!--[if lt IE 9]>
  149. <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  150. <![endif]-->
  151. </head>
  152. <body>
  153. <header id="title-block-header">
  154. <h1 class="title">Vim</h1>
  155. </header>
  156. <nav id="TOC" role="doc-toc">
  157. </nav>
  158. <blockquote>
  159. <p>This is licensed under CC BY 4.0</p>
  160. </blockquote>
  161. <h1 id="my-story">My Story</h1>
  162. <p>Well my story of vim was watching a bunch of luke smith and then deciding to try vim finally for myself. Well right off the bat there was some CHANGES that arived. For moving around the arrow keys arent’t used. Welp vim uses hjkl this isn’t where my touch typing trained hands lye they lye on jkl;. WHY you might ask. Old computers keyboards looked like this on further expection the keys look kind of like today still has the qwerty layout but all your other keys are different the <esc> texgreater key is actually close and not far away It’s a whole diferent layout and you see reason why the movement keys are hjkl. BUT these days on qwerty layout your hands don’t sit anymore sit on hjkl they sit on jkl;. Yet vim ignores that all other programs that have vim keys still use hjkl. So it’s a vim thing I have disliked from the beggining. BUt once you have tasted vim keys you never go back.</p>
  163. <h2 id="what-sucks-as-a-beginner">What sucks as a beginner</h2>
  164. <p>As a begginer these shortcuts may feel like bane of your existence you start learning all these other efficient key strokes but these hjkl do not resinate with you. That was at least for me.</p>
  165. <h2 id="customization">Customization</h2>
  166. <p>At the beginning of my vim journey I had one thing in my vimrc :set number well vim has a whole heck of a lot more customization. I think sooner or later in your vim journey you will have a giant vimrc or init.vim. The more the merrier.</p>
  167. <h2 id="vim-script">VIM SCRIPT</h2>
  168. <p>More into customization you can do all sorts of usefule things. Such as changing you status bar at the bottom, launching programs, sourcing your con fig, remapping annoying hjkl to jkl; the possible’s are endless I love vim substitution ability’s. Allot of plugins except for now the hype of neovim are written in vim script a vim’s script for automation of it’s editing. It kind of has all you would want. But one day you want to web browse in vim like in emacs couph couph so lua/neovim is the solution. But I do like vimscript quite a bit.</p>
  169. <h2 id="netrw">NETRW</h2>
  170. <p>A something that that I love in vim is netrw a lot of people have something like nerdtree to remind them of there previous IDE. GEUSS what you don’t need that. I used atom for a bit and missed the file tree. Well that’s easily incorporated into vim by putting this into your vimrc. Vim’s built in file manager at your finger tips viewing your current directory. Or what if you want to navigate to something in vim. You do :e <Directory> enter and boom you have this awesome file tree that is so beatifule. I love it. I wouldn’t compare it to LF though.</p>
  171. <h2 id="folds">FOLDS</h2>
  172. <p>I used to use emacs for note taking (Doom emacs). I loved org mode and the ability to fold text. With a quick search I found vim folds. Witch reminded me more or less of ORG mode. Just way less integration and cool factor that org mode has. If you wanted this in vim you would just have to script it or use someone else preexisting script. How does one accomplish this? All you have to do is make a folder in your .vim called view I am not sure how it works in neovim just SEARCH it up. Then after that go to a file select some lines of text and press zf WOW it folded the text. Then do zo to open the text IT OPENED zO opens all the folds. WOW nice for making text out of your sight and organized.</p>
  173. <h2 id="is-vim-a-ide">Is vim a IDE?</h2>
  174. <p>I think so. The only IDE I have used is atom and not even that much. Welp replicating what atom did was easy in vim I no longer use atom. VScode is a IDE a lot of people love. They call it open source and cool! I looked at vscode thanks to techlead’s video (as a millionare) where he showed VScode features. These were easy to replicate in vim. What were they and how are they in vim? Add stuff on multiple lines. EASY ctrl + v go down then do shift i and on your text then do an esc and your done. Run code that is selected. w ! <language> easy. Well this is does not work on compiled languages but this is a feature none the less. File tree that was netrw onto the next one. You could use a plugin. Up to you and your needs. Doing stuff with text. Vim has access to GNU core utils and other programs on your system. Just use those to do basic stuff. You want to sort text? Select and do :sort He talked about other things he claims only VScode can do. Well vim can do it no problem after some interweb searching and creativity.</p>
  175. <h2 id="wrap-up">Wrap up</h2>
  176. <p>Well vim is a awesome text editor use it! if you haven’t don’t be shy. Or just use whatever you want to use as long as it isn’t connected to the cloud and isn’t none open source and free software.</p>
  177. <p><img src="https://lbry2.vanwanet.com/speech/@TrueAuraCoralPublishesImages:5/end-card:f" /></p>
  178. </body>
  179. </html>