=Vim= 帮助乌干达的可怜儿童! ~#:qiaofu@taobao.com set colorscheme= rail s cast s
== 教程简介 == <ul><li>1 、 Vim 介绍(其实没有什么必要) </li></ul><ul><li>2 、 Vim 的简单操作 </li></ul><ul><li>3 、 Vim 的几种模式 </li></ul><ul><li>...
==Vim 简介 == <ul><li>http://www.vim.org/about.php   官网是这样介绍 vim 的,介绍是鹰文的,配有高清插画。爱好翻译的同学自己可以看。 </li></ul><ul><li>Vim == Vi i...
==Vim 简介 == <ul><li>如何下载 vim : </li></ul><ul><ul><li>linux 用户可以直接在 terminal 里面使用 sudo apt-get install vim-gnome (ubuntu) <...
== 简单的 Vim 操作 == <ul><li>上下左右的移动  kjhl ,当然你也可以使用键盘的方向键来移动 。 但是使用 kjhl 绝对有好处,如果你偶尔需要使用 linux 下面的 vi ,你会发现习惯使用 kjhl 会让你在 vi ...
== 简单的 Vim 操作 == <ul><li>实际上,你还可以加上数字键来移动 </li></ul><ul><ul><li>2j 就是向下移动两行 </li></ul></ul><ul><ul><li>2h 就是向前移动两个字符。 </li...
== 更多的移动 == <ul><li>w  表示移动到后一个单词开头 </li></ul><ul><li>b  表示移动到前面一个单词开头 </li></ul><ul><li>gg   移动到全文的开始 </li></ul><ul><li>G...
== 其他的一些常用命令 == <ul><li>想一下?我们在使用别的编辑器的时候使用什么命令 </li></ul>
== 其他的常用命令 == <ul><li>nyy   复制( Yank ) n 行 </li></ul><ul><li>y$   复制到行尾 </li></ul><ul><li>yaw   复制一个字符 </li></ul><ul><li>d...
== 缺了点啥? == <ul><li>保存文件命令?关闭命令? </li></ul><ul><li>:w </li></ul><ul><li>:q </li></ul>
== 另外 == <ul><li>合体 :wq </li></ul><ul><li>强制一个命令加上! </li></ul><ul><li>:wq! </li></ul>
<ul><li>Vim 的命令是支持自己把多个单独的命令连起来使用的! </li></ul><ul><li>但是这种连接也遵循一定的逻辑 </li></ul>
== 工作模式 == <ul><li>大致介绍 6 种常见的模式 </li></ul><ul><ul><li>1 、普通模式 </li></ul></ul><ul><ul><li>2 、输入模式 </li></ul></ul><ul><ul><...
=== 普通模式 === <ul><li>我们进入 vim 的时候就是普通模式,在 gvim 下面普通模式的直观表现可以说是光标是 块状 的。 </li></ul><ul><li>大多数情况我们发起命令都是在普通模式下面进行的 </li></u...
=== 普通模式 === <ul><li>普通模式的一些有用命令: </li></ul><ul><li>上面说的剪切( dd )、复制( yy )、粘贴( p ) </li></ul><ul><li><C-w>w  切换窗口  (在切分屏幕以后...
=== 输入模式 === <ul><li>按 a 或者 i , vim 就进入了输入模式,这时候按键盘上面的字符键就会在文本区域输入文字。 </li></ul>
=== 输入模式 === <ul><li>在输入模式下面的常用命令 </li></ul><ul><li><C-p>   输入时自动补全 </li></ul>
=== 命令模式 === <ul><li>在普通模式下面按英文冒号 : 进入命令模式 </li></ul>
=== 命令模式 === <ul><li>命令模式里面常用的命令 (举例) : </li></ul><ul><li>:tabnew/:tabe </li></ul><ul><li>:tabn/tabnext </li></ul><ul><li>...
=== 查找模式 === <ul><li>按 /   +   要查询的字符串 回车  vim 就会向下查询匹配的字符串。 </li></ul><ul><li>可以使用正则来匹配文本。 </li></ul>
=== 选择模式 === <ul><li>在普通模式下面按 v ,进入选择模式。选择模式里面可以利用各种移动命令移动光标,从而完成对文本的选取。选完文本可以对其进行替换操作( s )、删除操作( d )、复制操作( y )等。 </li></ul>
=== 记录模式 === <ul><li>按 q+ 一个字符 进入记录模式,此模式会记录接下来你的操作,往往我们可以利用记录模式来记录一段动作。 </li></ul><ul><li>记录模式允许你使用单个字符 ( a~z1~0A~Z ) 来记录...
=== 记录模式 === <ul><li>在普通模式按 qa 进入以 a 为标记的记录模式,此时我们输入几个文字,按 ESC ,再按 q 结束记录。就完成了简单的输入这几个文字的动作的记录。要重放这一操作,只需要按输入 @a 就行。 </li>...
== 如何提高工作的效率 == <ul><li>如果我们只是一味的使用方向键 + 输入模式来工作,效率是不是低了点呢? </li></ul><ul><li>那就自定义你的 Vim 吧 </li></ul><ul><li>Vimrc </li><...
== 如何提高工作的效率 == <ul><li>首先作为一个新手,你可以从使用一套成熟的 vimrc 配置开始你的 vim 之旅,配合一些已设定的快捷键和 vim 本身的按键来编辑 js , html , css </li></ul>
== 如何提高工作的效率 == <ul><li>一个前端的 vim 里面应该有的一些配置 : </li></ul><ul><li>正确的文件编码处理、好看 的 配色 + 个性化)、使用方便(快捷键)、用 vim 写的代码要符合规范,有一定的编码...
=== 你需要 === <ul><li>配置一些基础项 </li></ul><ul><li>一些高效的插件 </li></ul>
===vimrc 基础项配置 === <ul><li>编码的设定 </li></ul><ul><li>encoding / fileencoding / fileencodings </li></ul><ul><li>鼠标可用  set  mo...
=== 好用的插件 === <ul><li>js dict   自动补全 </li></ul><ul><li>au FileType javascript setlocal dict+=$VIM/vimfiles/dict/javascript...
=== 好用的插件 === <ul><li>NERDTree </li></ul><ul><li>好用的文件查看器 </li></ul><ul><li>安装很简单 </li></ul><ul><li>基本使用 </li></ul><ul><li...
=== 好用的插件 === <ul><li>ZenCoding </li></ul><ul><ul><li>快速编写 html css </li></ul></ul><ul><ul><li>安装方便 </li></ul></ul><ul><li...
=== 好用的插件 === <ul><li>jslint </li></ul><ul><li>calendar </li></ul><ul><li>vimwiki (很不错的一个知识管理工具) </li></ul><ul><li>几个推荐的 v...
== 资料 == <ul><li>有助于你学习的资料 </li></ul><ul><ul><li>Vimmy (随手参考书  for iphone ) </li></ul></ul><ul><ul><li>http://www.vim.org ...
:help
:wq!
Upcoming SlideShare
Loading in...5
×

Vim

2,006

Published on

vim intro

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,006
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
23
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Vim

  1. 1. =Vim= 帮助乌干达的可怜儿童! ~#:qiaofu@taobao.com set colorscheme= rail s cast s
  2. 2. == 教程简介 == <ul><li>1 、 Vim 介绍(其实没有什么必要) </li></ul><ul><li>2 、 Vim 的简单操作 </li></ul><ul><li>3 、 Vim 的几种模式 </li></ul><ul><li>4 、 Vim 的 vimrc 文件 </li></ul><ul><li>5 、 前端 的 Vim 配置 </li></ul>
  3. 3. ==Vim 简介 == <ul><li>http://www.vim.org/about.php 官网是这样介绍 vim 的,介绍是鹰文的,配有高清插画。爱好翻译的同学自己可以看。 </li></ul><ul><li>Vim == Vi improved </li></ul><ul><li>Vim 被称为是程序员的编辑器,它甚至可以被打造成一个 ide 。但是对于新手而言,他往往像是一匹脱缰的野马,要驾驭好它需要耐心。 </li></ul>
  4. 4. ==Vim 简介 == <ul><li>如何下载 vim : </li></ul><ul><ul><li>linux 用户可以直接在 terminal 里面使用 sudo apt-get install vim-gnome (ubuntu) </li></ul></ul><ul><ul><li>Windows 用户可以在官网下载最新的 7.3 版本的 gvim </li></ul></ul>
  5. 5. == 简单的 Vim 操作 == <ul><li>上下左右的移动 kjhl ,当然你也可以使用键盘的方向键来移动 。 但是使用 kjhl 绝对有好处,如果你偶尔需要使用 linux 下面的 vi ,你会发现习惯使用 kjhl 会让你在 vi 下面不至于晕头转向。 </li></ul><ul><li>有一个有意思的插件,让你练习上下左右。有请 vim 俄罗斯方块。 </li></ul>
  6. 6. == 简单的 Vim 操作 == <ul><li>实际上,你还可以加上数字键来移动 </li></ul><ul><ul><li>2j 就是向下移动两行 </li></ul></ul><ul><ul><li>2h 就是向前移动两个字符。 </li></ul></ul>
  7. 7. == 更多的移动 == <ul><li>w 表示移动到后一个单词开头 </li></ul><ul><li>b 表示移动到前面一个单词开头 </li></ul><ul><li>gg 移动到全文的开始 </li></ul><ul><li>G 移动到全文的结束 </li></ul><ul><li>^ ( home 按钮)移动到一行的开始 </li></ul><ul><li>$ ( end 按钮) 移动到一行的最后 </li></ul><ul><li>H 移动光标到本屏的开头 </li></ul><ul><li>L 移动光标到本屏的最后 </li></ul><ul><li>Ctrl + F 下翻一屏 </li></ul><ul><li>Ctrl + B 上翻一屏 </li></ul><ul><li>:n 或者 nG 移动到第 n 行 </li></ul>
  8. 8. == 其他的一些常用命令 == <ul><li>想一下?我们在使用别的编辑器的时候使用什么命令 </li></ul>
  9. 9. == 其他的常用命令 == <ul><li>nyy 复制( Yank ) n 行 </li></ul><ul><li>y$ 复制到行尾 </li></ul><ul><li>yaw 复制一个字符 </li></ul><ul><li>daw 删除一个字符 </li></ul><ul><li>dd 删除、剪切一整行(如果删除后使用 p 粘贴, dd 表现的就是剪切) </li></ul><ul><li>p 粘贴 </li></ul><ul><li>[p 粘贴在光标前 </li></ul><ul><li>]p 粘贴在光标后 </li></ul><ul><li>u 连续撤消操作(如果你使用了 mswin.vim 支持 <C-y> 来重复操作) </li></ul><ul><li>. 重复上一次的操作 </li></ul>
  10. 10. == 缺了点啥? == <ul><li>保存文件命令?关闭命令? </li></ul><ul><li>:w </li></ul><ul><li>:q </li></ul>
  11. 11. == 另外 == <ul><li>合体 :wq </li></ul><ul><li>强制一个命令加上! </li></ul><ul><li>:wq! </li></ul>
  12. 12. <ul><li>Vim 的命令是支持自己把多个单独的命令连起来使用的! </li></ul><ul><li>但是这种连接也遵循一定的逻辑 </li></ul>
  13. 13. == 工作模式 == <ul><li>大致介绍 6 种常见的模式 </li></ul><ul><ul><li>1 、普通模式 </li></ul></ul><ul><ul><li>2 、输入模式 </li></ul></ul><ul><ul><li>3 、命令行模式 </li></ul></ul><ul><ul><li>4 、查询模式 </li></ul></ul><ul><ul><li>5 、选择模式 </li></ul></ul><ul><ul><li>6 、记录模式 </li></ul></ul>
  14. 14. === 普通模式 === <ul><li>我们进入 vim 的时候就是普通模式,在 gvim 下面普通模式的直观表现可以说是光标是 块状 的。 </li></ul><ul><li>大多数情况我们发起命令都是在普通模式下面进行的 </li></ul><ul><li>普通模式是 切换其他几种模式的基础 。 </li></ul><ul><li>要 回到普通模式,在其他模式下面按 ESC 就可以回到普通模式。 </li></ul>
  15. 15. === 普通模式 === <ul><li>普通模式的一些有用命令: </li></ul><ul><li>上面说的剪切( dd )、复制( yy )、粘贴( p ) </li></ul><ul><li><C-w>w 切换窗口 (在切分屏幕以后的操作) </li></ul><ul><li><C- 方向键 > 按方向切换窗口 </li></ul><ul><li><C-p> 上一个 tab </li></ul><ul><li><C-n> 下一个 tab </li></ul>
  16. 16. === 输入模式 === <ul><li>按 a 或者 i , vim 就进入了输入模式,这时候按键盘上面的字符键就会在文本区域输入文字。 </li></ul>
  17. 17. === 输入模式 === <ul><li>在输入模式下面的常用命令 </li></ul><ul><li><C-p> 输入时自动补全 </li></ul>
  18. 18. === 命令模式 === <ul><li>在普通模式下面按英文冒号 : 进入命令模式 </li></ul>
  19. 19. === 命令模式 === <ul><li>命令模式里面常用的命令 (举例) : </li></ul><ul><li>:tabnew/:tabe </li></ul><ul><li>:tabn/tabnext </li></ul><ul><li>:tabp/:tabprev </li></ul><ul><li>:vs/:veticalsplit </li></ul><ul><li>:split </li></ul><ul><li>:s/old_str/new_str </li></ul><ul><li>各种插件也伴有自己的命令 </li></ul><ul><li>一般普通模式下面的很多命令都可以使用命令模式来执行 </li></ul><ul><li>如撤销命令 u == :undo </li></ul>
  20. 20. === 查找模式 === <ul><li>按 / + 要查询的字符串 回车 vim 就会向下查询匹配的字符串。 </li></ul><ul><li>可以使用正则来匹配文本。 </li></ul>
  21. 21. === 选择模式 === <ul><li>在普通模式下面按 v ,进入选择模式。选择模式里面可以利用各种移动命令移动光标,从而完成对文本的选取。选完文本可以对其进行替换操作( s )、删除操作( d )、复制操作( y )等。 </li></ul>
  22. 22. === 记录模式 === <ul><li>按 q+ 一个字符 进入记录模式,此模式会记录接下来你的操作,往往我们可以利用记录模式来记录一段动作。 </li></ul><ul><li>记录模式允许你使用单个字符 ( a~z1~0A~Z ) 来记录一系列的操作,再用 @“ 字符” 的方式来重播记录下来的操作。 </li></ul>
  23. 23. === 记录模式 === <ul><li>在普通模式按 qa 进入以 a 为标记的记录模式,此时我们输入几个文字,按 ESC ,再按 q 结束记录。就完成了简单的输入这几个文字的动作的记录。要重放这一操作,只需要按输入 @a 就行。 </li></ul>
  24. 24. == 如何提高工作的效率 == <ul><li>如果我们只是一味的使用方向键 + 输入模式来工作,效率是不是低了点呢? </li></ul><ul><li>那就自定义你的 Vim 吧 </li></ul><ul><li>Vimrc </li></ul><ul><ul><li>.vimrc (linux) </li></ul></ul><ul><ul><li>_vimrc (windows) </li></ul></ul>
  25. 25. == 如何提高工作的效率 == <ul><li>首先作为一个新手,你可以从使用一套成熟的 vimrc 配置开始你的 vim 之旅,配合一些已设定的快捷键和 vim 本身的按键来编辑 js , html , css </li></ul>
  26. 26. == 如何提高工作的效率 == <ul><li>一个前端的 vim 里面应该有的一些配置 : </li></ul><ul><li>正确的文件编码处理、好看 的 配色 + 个性化)、使用方便(快捷键)、用 vim 写的代码要符合规范,有一定的编码辅助工具。 </li></ul>
  27. 27. === 你需要 === <ul><li>配置一些基础项 </li></ul><ul><li>一些高效的插件 </li></ul>
  28. 28. ===vimrc 基础项配置 === <ul><li>编码的设定 </li></ul><ul><li>encoding / fileencoding / fileencodings </li></ul><ul><li>鼠标可用 set mouse=a </li></ul><ul><li>代码缩进 set indent=4 </li></ul><ul><li>显示行号 set number </li></ul><ul><li>配色 set colorscheme=railscasts </li></ul><ul><li>高亮搜索结果 set hlsearch </li></ul>
  29. 29. === 好用的插件 === <ul><li>js dict 自动补全 </li></ul><ul><li>au FileType javascript setlocal dict+=$VIM/vimfiles/dict/javascript.dict </li></ul><ul><li>css dict 自动补全 </li></ul><ul><li>au FileType css setlocal dict+=$VIM/vimfiles/dict/css.dict </li></ul>
  30. 30. === 好用的插件 === <ul><li>NERDTree </li></ul><ul><li>好用的文件查看器 </li></ul><ul><li>安装很简单 </li></ul><ul><li>基本使用 </li></ul><ul><li>:NERDTree </li></ul><ul><li>:NERDTree 目录名 </li></ul>
  31. 31. === 好用的插件 === <ul><li>ZenCoding </li></ul><ul><ul><li>快速编写 html css </li></ul></ul><ul><ul><li>安装方便 </li></ul></ul><ul><li>QuickTemplate -- 明城制造 </li></ul><ul><ul><li>安装也很方便 </li></ul></ul>
  32. 32. === 好用的插件 === <ul><li>jslint </li></ul><ul><li>calendar </li></ul><ul><li>vimwiki (很不错的一个知识管理工具) </li></ul><ul><li>几个推荐的 vimwiki 站点 </li></ul><ul><ul><li>http://f2e.us/ </li></ul></ul><ul><ul><li>http://kwiki.github.com/ </li></ul></ul>
  33. 33. == 资料 == <ul><li>有助于你学习的资料 </li></ul><ul><ul><li>Vimmy (随手参考书 for iphone ) </li></ul></ul><ul><ul><li>http://www.vim.org </li></ul></ul><ul><ul><li>:help </li></ul></ul><ul><ul><li>明城的 pdf: http://www.gracecode.com/archives/274/ </li></ul></ul><ul><ul><li>Google & Baidu ! </li></ul></ul>
  34. 34. :help
  35. 35. :wq!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×