如何为 Web 开发和编程自定义 Vim？

Question

我已经尝试在 [askubuntu.com] 中为我的问题找到一些东西，但没有任何东西能满足我的需求。所以，我想要的是将 vim 构建为一个非常强大和有用的编辑器，用于 html、css、javascript 等，但也用于编程。我正在尝试学习 css，通常我想要一个非常好的编辑器，里面有很多插件。那么，有人可以帮助我一步一步地自定义 vim 以及在我的学习期间可以帮助我查看哪些功能吗？谢谢

哦，vim 运行的唯一方式是从终端？谢谢

***编辑--->我找不到my.vimrc文件

Answer 1

其他人都有很好的建议，我想我会补充一些基础知识：

1. GVim for vim 控制台外，以及​​如何安装

你问 vim 是否只能从控制台运行。GVim (GUI-Vim) 是独立版本。从您的屏幕截图来看，您似乎正在使用 Ubuntu，您可以在软件中心找到 gvim 并从那里安装它。或者，您可以sudo apt-get install gvim从终端。

2. 创建 .vimrc 配置文件

看起来，默认情况下，vim/gvim 不会.vimrc为您创建一个，因此您可以自己创建一个。打开 vim，然后键入:e ~/.vimrc以编辑.vimrc在您的主文件夹中调用的新文件( ~)

我们将首先添加一个设置，以便我们可以查看它是否有效。添加以下文本：

" switch on line numbering
set number

该"是注释字符。

然后，退出vim并重新启动它——你应该会发现左上角出现了一个行号1，你应该会发现你从现在开始编辑的任何文件都默认打开了行号。

3. 安装插件

插件位于一个名为 的文件夹中~/.vim/，但同样，默认情况下 vim 不会创建它，因此您必须创建它：

mkdir ~/.vim

随着时间的推移，该.vim文件夹将增长几个子文件夹，例如：

• plugin 插件
• color 对于配色方案
• doc 用于文档
• syntax 语法高亮模式

但现在它是空的。让我们添加一个插件来尝试一下。

首先用vim .-打开 vim告诉 vim 在“资源管理器”模式下打开一个文件夹。我们将安装 NERDtree，这是一个流行的文件浏览器插件，它将取代默认的资源管理器。

转到http://www.vim.org/scripts/script.php?script_id=1658并从页面底部的表格中下载 zip 文件。

在存档管理器中打开它，选择“提取”，然后告诉它提取到您的~/.vim/文件夹中。您可能需要点击Ctrl+H存档管理器的文件夹浏览器，以显示隐藏文件夹。

提取后，它将.vim为您创建几个子文件夹。如果你现在用

vim .

您应该会看到资源管理器视图已更改！它现在使用 NERDtree 插件。

4. 更多.vimrc 设置

我的完整 .vimrc 可在https://bitbucket.org/hjwp/vim/src 获得，但这里有一些我觉得非常有用的设置：

" syntax highlighting
syntax on

" map cut & paste to what they bloody should be
vnoremap <C-c> "+y
vnoremap <C-x> "+x
map <C-v> "+gP

" sane text files
set fileformat=unix
set encoding=utf-8

" sane editing
set tabstop=4
set shiftwidth=4
set softtabstop=4

" convert all typed tabs to spaces
set expandtab

"autocompletion with ctrl+space
inoremap <c-space> <c-n>
inoremap <Nul> <c-n>

5. 标签

一开始我不会太担心插件，只要了解 vim 为您提供的开箱即用的功能应该对您的编码已经足够有用了。但是在 vim 中真正有用的一件事是ctags。ctags 允许您执行诸如“跳转到定义”之类的操作，并自动完成源代码树中的所有关键字。从...开始：

apt-get 安装 exuberant-ctags

然后，在您的 .vimrc 中，添加

map <f12> :!ctags -R .<cr>

现在，当您在 vim 会话中按“F12”时，它会生成一个.tags文件，vim 可以使用该文件来扫描关键字。

现在，如果您打开，例如在源代码中调用函数，您可以使用ctrl+]跳转到其定义。更多信息在这里：https : //stackoverflow.com/questions/563616/vim-and-ctags-tips-and-tricks

6.接下来是什么

其他人发布了一些非常有用的指南，这里有几个我发现有用的页面：

• /sf/ask/6655071/
• /sf/ask/50882611/
• /sf/ask/11539321/

这是一个完整的 vim 世界。但是：警告：如果你发现自己进入 vim 高尔夫，你可能走得太远了 - http://vimgolf.com/ ;-)

Answer 2

我建议你像上面一样开始学习 .vimrc。每个人的需求和偏好都不同，因此您绝对应该手动安装东西，而不仅仅是复制其他人的配置。

关于学习 VIM 本身的一些资源：

• Learn Vim Progressively，关于学习 Vim 的一个很好的指南。
• Vim 新手教程，Derek Wyatt 的一系列视频，当我第一次开始我的旅程时，我很享受。
• Cheat Sheet，如果您以前不熟悉 Vim，我建议您像考试一样进行。将按键绑定写在纸上，左边是命令，右边是描述。然后通过隐藏命令或描述并尝试记住答案来开始记忆。很快，这些命令就会自然而然地出现在您的面前，但请记住在 Vim 中也积极使用它们，否则您很快就会忘记。
• http://usevim.com（评估 vim 插件并有 Vim 101 系列）
• http://vimcasts.org/episodes/archive（一些很棒的演员阵容）

一些非常有用的插件

• 大量语言的语法静态代码分析
• vim-css3-syntax CSS3 的语法高亮。通常，您还应该更新 HTML5 和 Javascript 的语法文件，如果您使用它们的话。
• Matchit扩展了 % 的功能
• 标签/括号等的环绕映射，对于 Web 开发人员来说非常强大
• Tcomment轻松切换大多数语言的评论
• 病原体保持您的 vim 文件夹井井有条，以便您可以卸载和使用插件
• NERDtree一个非常受欢迎的树浏览器，虽然我个人更喜欢 :e 。
• Command-T一个流行的缓冲区管理器，我个人无法使用它，因为它依赖于 ruby​​。
• Snipmate轻松插入代码片段。
• Sparkup将 div#stuff.class > ul > li*5 扩展到 HTML 中，您会得到偏差。

其他一些好消息

• 要获得项目的 tabcompletion，您可以使用 vim 支持的 ctags
• 将大写锁定重新绑定到 esc，一天后你无法理解你是如何有精力一直到达 esc 的。
• Vim 有分支的撤消树，这意味着即使您更改了撤消树，您仍然可以撤消。Gundo可以帮助您想象这一点。
• Vim 具有持久性撤消，这意味着即使您重新启动计算机，它也会保存您的撤消历史，您绝对应该启用它。
• 在我自己的 vimrc 中，我有一个函数可以检查我是在 Drupal 还是 Wordpress 站点上工作，具体取决于设置的不同代码约定。（猜猜这可能很有用，您可以在下面链接的我的存储库中找到它。）
• Steve Losh 有这个很棒的配置，它在 vim 中定义了一个数字对象，因此您可以通过按 cN 来删除/更改/等，例如 200px 中的数字

值得一试的 Vimrc 存储库

• 史蒂夫·洛什很棒的东西
• Tim Pope Fugitive、Surround 和大量其他 vim 插件的创建者
• Oxy我自己的存储库，在自述文件中我有一个为 Drupal 项目生成 ctags 的示例。
• Derek Wyatt他的截屏视频教会了我 vim，你可以在那里找到很多很酷的东西