Как я могу настроить Vim для веб-разработки и программирования?

Я уже пытался найти что-то для своего вопроса в [askubuntu.com], но ничего не отвечало моим потребностям. Итак, я хочу собрать vim как очень мощный и полезный редактор для html, css, javascript и т. Д., Но также и для программирования. Я пытаюсь выучить CSS и вообще я хотел очень хороший редактор с множеством плагинов. Итак, может ли кто-нибудь помочь мне, шаг за шагом, настроить Vim и узнать, какие функции можно просмотреть в период обучения? Спасибо

О, а Vim работает только с терминала? Спасибо

*** редактировать ---> я не могу найти мой файл .vimrc

У всех есть отличные советы, я подумал, что дополню некоторые основы:

1. GVim для 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 установить exuberant-ctags

Затем в вашем .vimrc добавьте

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

Теперь, когда вы нажмете «F12» в сеансе vim, он сгенерирует .tagsфайл, который vim может использовать для поиска ключевых слов.

Теперь, если вы включены, например, вызов функции в вашем исходном коде, вы можете использовать, ctrl+]чтобы перейти к его определению. Более подробная информация здесь: /programming/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 там. Но: warning: Если вы попадаете в vim golf, вы, вероятно, зашли слишком далеко - http://vimgolf.com/ ;-)

Я бы посоветовал вам начать изучать .vimrc, как и выше. Потребности и предпочтения у всех разные, поэтому вам следует бесконечно идти с установкой вручную, а не просто копировать чужие конфигурации.

Некоторые ресурсы об изучении самого VIM:

• Learn Vim Progressively , отличное руководство по изучению Vim.
• Vim Novice Tutorials , серия видеороликов Дерека Уайетта, которыми я наслаждался, когда только начинал свое путешествие.
• Шпаргалка , если вы не знакомы с Vim до того, как я порекомендую пройти этот экзамен. Запишите сочетания клавиш на бумаге, команду слева и описание справа. Затем начните запоминать, скрывая команду или описание и пытаясь запомнить ответ. Это не займет много времени, прежде чем команды придут к вам естественным образом, но не забывайте активно использовать их и в Vim, иначе вы быстро отучитесь.
• http://usevim.com (оценивает плагины vim, а также имеет серию Vim 101)
• http://vimcasts.org/episodes/archive (Несколько отличных каст)

Некоторые действительно полезные плагины

• Синтетический статический анализ кода для множества языков
• vim-css3-syntax Подсветка синтаксиса для CSS3. Как правило, вам следует обновить файлы синтаксиса для HTML5 и Javascript, если вы используете их именно так.
• Matchit Расширяет функциональность%
• Surround Mappings для тегов / скобок и т. Д., Действительно мощный для веб-разработчиков
• Tcomment Легко переключать комментарии на большинстве языков
• Pathogen Держите вашу папку vim организованной, чтобы вы могли удалить и поиграть с плагинами
• NERDtree Действительно популярный исследователь деревьев, лично я предпочитаю просто: e.
• Command-T Популярный менеджер буферов, лично я не могу его использовать, так как это зависит от ruby.
• Snipmate Легко вставлять фрагменты кода.
• Sparkup Расширяя div # stuff.class> ul> li * 5 в HTML, вы получаете дрейф.

Некоторые другие хорошие знать

• Чтобы получить tabcompletion для проектов, вы можете использовать ctags, которые поддерживает vim
• Повторите привязку к кепке, чтобы убежать, через один день вы не сможете понять, откуда у вас хватило энергии, чтобы добраться до пути побега.
• Vim имеет разветвленные деревья отмены, что означает, что вы все еще можете отменить, даже если вы изменили свое дерево отмены. Gundo помогает вам визуализировать это.
• Vim имеет постоянные отмены, то есть сохраняет историю отмен, даже если вы перезагружаете компьютер, вы обязательно должны включить это.
• В моем собственном vimrc у меня есть функция, которая проверяет, работаю ли я на сайте Drupal или Wordpress, в зависимости от этого устанавливаются различные соглашения о коде. (Думаю, это может быть полезно знать, вы можете найти его в моем репозитории, связанном ниже.)
• Стив Лош имел эту удивительную конфигурацию, определяющую объект Number в vim, поэтому вы можете удалить / изменить / и т. Д. Только число, например, 200px, нажав cN

Vimrc репозитории стоит проверить

• Стив Лош Потрясающие вещи
• Tim Pope Создатель Fugitive, Surround и множества других плагинов vim
• Окси Мой собственный репозиторий, в README у меня есть пример для генерации ctags для проектов Drupal.
• Дерек Уайетт Его скринкасты научили меня, Вим, там можно найти много интересных вещей

Вы можете использовать это:

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

Это конфигурация моего учителя, в надежде помочь вам.

Горстка плагинов для vim, поддерживаемых в одном подкаталоге пакета, полезная конфигурация vim, особенно для кодирования Rails. Все плагины включены как подмодули, поэтому вы можете обновлять плагины одной командой, что облегчает жизнь.

подробно: введите описание ссылки здесь