如何为网络开发和编程定制Vim？

我已经尝试过在[askubuntu.com]上查找问题的内容，但是没有任何东西可以满足我的需求。所以，我想要的是将vim构建为一个非常强大且有用的HTML，css，javascript等编辑器，但也可以进行编程。我正在尝试学习CSS，通常我想要一个非常好的带有许多插件的编辑器。因此，有人可以逐步帮助我自定义vim，以及在学习期间环顾一下哪些功能可能对我有帮助吗？

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

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

其他所有人都有很好的建议，我想我会介绍一些基本知识：

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

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. Ctags

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

apt-get install 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.下一步是什么

其他人发布了一些非常有用的指南，这是我发现的一些SO页面，例如：

• /programming/95072/what-are-your-favorite-vim-tricks
• /programming/726894/what-are-the-dark-corners-of-vim-your-mom-never-told-you-about
• /programming/164847/what-is-in-your-vimrc

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

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

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

• 逐步学习Vim，这是学习Vim的绝佳指南。
• Vim Novice Tutorials，Derek Wyatt的一系列视频，当我第一次开始我的旅程时，我很享受。
• 备忘单，如果您不熟悉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，即可得到结果。

其他一些要知道的

• 要获得项目的制表符，可以使用vim支持的ctags
• 将大写锁定重新绑定到esc，一天之后，您将无法理解自己如何有能力一路实现esc。
• Vim具有分支撤消树，这意味着即使您更改了撤消树，您仍然可以撤消。Gundo可以帮助您将其可视化。
• Vim具有永久的撤消功能，这意味着即使您重新启动计算机，它也可以保存撤消历史记录，因此您一定要启用它。
• 在我自己的vimrc中，我有一个函数可以检查我是否在Drupal或Wordpress网站上工作，具体取决于所设置的不同代码约定。（想知道这可能很有用，您可以在下面链接的我的存储库中找到它。）
• 史蒂夫·洛斯（Steve Losh）拥有一个很棒的配置，在vim中定义了一个数字对象，因此您可以通过按cN来删除/更改/等仅以200px为单位的数字

值得一看的Vimrc仓库

• 史蒂夫·洛（Steve Losh）令人敬畏的东西
• Tim Pope Fugitive，Surround和大量其他vim插件的创建者
• Oxy我自己的存储库，在自述文件中，有一个为Drupal项目生成ctag的示例。
• 德里克·怀亚特（Derek Wyatt）的截屏视频告诉我vim，您可以在其中找到很多很棒的东西

您可以使用此：

bash <<（curl -s https://raw.github.com/wongyouth/vimfiles/master/install.sh）

这是我老师的配置，希望对您有所帮助。

少量的vim插件都保存在一个bundle子目录中，有用的vim配置，尤其是用于Rails编码。所有插件都作为子模块包含在内，因此您可以通过一条命令来更新插件，从而使工作更轻松。

详细信息： 在此处输入链接描述