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

10

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

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

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

моя домашняя папка

Габриель
источник

Ответы:

11

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

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, которые я нашел полезными:

Это целый мир Vim там. Но: warning: Если вы попадаете в vim golf, вы, вероятно, зашли слишком далеко - http://vimgolf.com/ ;-)

hwjp
источник
Хорошо, как я упоминал ранее, нет файлов .vimили .vimrc. Я знаю, что .делает, но не могли бы вы подсказать мне, пожалуйста, как именно мы устанавливаем один плагин или меняем одну настройку? Пожалуйста, помогите! Спасибо
gabriel
ах, я думаю, вполне возможно, что vim не создаст .vimrcпо умолчанию, и вам нужно будет сделать это самостоятельно ... Я обновлю ответ, а также включу кое-что о том, как установить базовый плагин ...
hwjp
1
это лучше?
hwjp
спасибо, спасибо! НО как я могу удалить плагин? Я удаляю файлы? спасибо
gabriel
Кроме того, я установил патоген, и мой .vimфайл совсем не организован. Любой полезный htmlплагин? Спасибо
Габриэль
9

Я бы посоветовал вам начать изучать .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.
  • Дерек Уайетт Его скринкасты научили меня, Вим, там можно найти много интересных вещей
окси
источник
Хорошо, даже если я хотел бы использовать некоторые из плагинов и вещи, которые вы упомянули выше, как я могу их использовать? Моя папка vimrc, где это? Спасибо
gabriel
1
@gabriel vimrc- это файл, .обозначающий скрытую файловую систему Linux, которую вам придется создать, .vimrcесли ее нет, и поместить ее в свой домашний каталог. .vimэто папка / каталог, который будет содержать плагин / скрипт Возможно, вам придется создать его также. Большинство из этих скриптов имеют инструкции по установке. vim.org/scripts/script_search_results.php . Vim - это текстовый редактор, так что если вам неудобны настройки, все спрашивают: askubuntu.com/questions/48299/…
sagarchalise
@sagarchalise Хорошо, после того, как мы создадим эти файлы, сможем ли мы изменить способ работы vim?
Габриэль
@gabriel в основном vimrcдолжен содержать то, что должен делать vim, то есть подсветка синтаксиса, табуляция / пробел, номера строк и т. д. По умолчанию vim - это просто инструмент для редактирования текста. Вы делаете это, что вы хотите. Vim очень мощный и настраиваемый. Но вам нужно понимать его режимы и команды. vim.wikia.com/wiki/Example_vimrc см. здесь пример vimrc
sagarchalise
Как привязать Caps Lock к Escape (я не использую Ubuntu) ?
Сантош Кумар
1

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

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

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

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

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

кларк
источник
И что именно мы можем сделать с этим? Хорошо, но я предпочитаю ручную установку, потому что тогда я знаю, что на самом деле я устанавливаю!
Габриэль
Вы можете увидеть плагины использования и vim, включенные в подмодули, по этой ссылке: github.com/wongyouth/vimfiles
clark