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

10

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

О, и единственный способ, которым работает vim, - от терминала? thanks

*** edit --- > Я не могу найти файл my.vimrc

    

задан gabriel 19.04.2012 в 10:00
источник

3 ответа

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, чтобы открыть папку в режиме «explorer». Мы установим NERDtree, который является популярным плагином браузера файлов, который заменит проводник по умолчанию.

Перейдите на страницу Ссылка и загрузите zip-файл из таблицы внизу страницы. .

Откройте его в диспетчере архива, выберите «извлечь», а затем скажите ему, чтобы извлечь в него папку ~/.vim/ . Возможно, вам понадобится нажать Ctrl+H внутри браузера папки менеджера архива, чтобы показать скрытые папки.

Как только он будет извлечен, он создаст несколько подпапок в .vim для вас. Если вы перезапустите vim с помощью

vim .

Вы должны увидеть, что просмотр проводника изменился! Теперь он использует плагин NERDtree.

4. Настройки .vimrc

Мой полный .vimrc доступен здесь Ссылка , но вот несколько настроек, которые я считаю очень полезными:

" 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>

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

Теперь, если вы находитесь, например, вызов функции в исходном коде, вы можете использовать ctrl+] , чтобы перейти к его определению. Подробнее здесь: Ссылка

6. что дальше

Другие люди опубликовали несколько действительно полезных руководств, вот несколько страниц SO, которые я нашел полезными:

Это целый виртуальный мир. Но: предупреждение: если вы попадаете в гольф vim, вы, вероятно, зашли слишком далеко - Ссылка ; -)

    
ответ дан hwjp 24.04.2012 в 09:15
источник
9

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

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

  • Learn Vim Progressively , отличный путеводитель по изучению Vim.
  • Vim Novice Tutorials , серия видео от Derek Wyatt Мне понравилось когда я впервые начал свое путешествие.
  • Cheat Sheet , если вы не знакомы с Vim, прежде чем я рекомендую пойти на это, как экзамен. Напишите ключевые слова на бумаге, команду слева и описание справа. Затем запустите запоминание, сокрыв либо команду, либо описание и попытавшись запомнить ответ. Не займет много времени, прежде чем команды придут к вам естественным образом, но не забудьте активно их использовать в Vim, иначе вы быстро сможете отучиться.
  • Ссылка (оценивает плагины vim и также имеет серию Vim 101).
  • Ссылка (некоторые отличные отклики)

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

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

Другие хорошие знания

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

Хранилища Vimrc заслуживают проверки

  • Стив Лош Удивительный материал
  • Тим Папа Создатель Fugitive, Surround и множество других плагинов vim.
  • Oxy Мой собственный репозиторий в README У меня есть пример создания ctags для проектов Drupal.
  • Дерек Вайат Его скринкасты научили меня vim, вы можете найти много классных вещей там.
ответ дан oxy 23.04.2012 в 20:13
1

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

bash < < (curl -s Ссылка )

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

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

деталь: введите ссылку здесь

    
ответ дан clark 19.04.2012 в 10:42