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

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

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

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

my home folder

10
задан 22 January 2013 в 17:15

3 ответа

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

1. GVim для энергии вне консоли, и как установить его

Вы спросили, может ли энергия только быть выполнена от консоли. GVim (Vim GUI) является автономной версией. Из Вашего снимка экрана похоже на использование Ubuntu можно найти gvim в Центре программного обеспечения и установить его оттуда. Кроме того, Вы можете sudo apt-get install gvim от терминала.

2. Создание .vimrc файла конфигурации

Это похоже, по умолчанию, vim/gvim не создает a .vimrc для Вас, таким образом, можно создать тот сами. Открытая энергия и тип :e ~/.vimrc отредактировать новый названный файл .vimrc в Вашей домашней папке (~)

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

" switch on line numbering
set number

" символ комментария.

Затем энергия выхода и перезапуск это - необходимо найти, что номер строки 1 казался наверху оставленным, и необходимо найти, что любому файлу, который Вы редактируете с этого времени, включили нумерацию строк по умолчанию.

3. Установка плагина

Плагины живут в названной папке ~/.vim/, но, снова, энергия не создает это по умолчанию, таким образом, необходимо сделать ее:

mkdir ~/.vim

Со временем, .vim папка вырастит несколько подпапок как:

  • plugin для плагинов
  • color для цветовых схем
  • doc для документации
  • syntax для режимов подсветки синтаксиса

Но на данный момент это пусто. Давайте добавим один плагин, испытаем его.

Запустите вводной энергией с vim . - это говорит энергии открывать папку в режиме "проводника". Мы установим NERDtree, который является популярным плагином файлового браузера, который заменит проводник по умолчанию.

Перейдите к http://www.vim.org/scripts/script.php?script_id=1658 и dowload zip-файл от таблицы внизу страницы.

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

После того как это извлечено, это создаст несколько подпапок в .vim для Вас. Если Вы теперь перезапускаете энергию с a

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

Я не волновался бы слишком много о плагинах сначала, просто узнав питание, которое энергия предлагает Вам из поля уже, должно быть достаточно полезно для Вашего кодирования. Но одной вещью, которая действительно полезна, чтобы иметь работу в энергии, является ctags. ctags, позволяет Вам сделать вещи как "переход к определению" и автоматически заполнить через все ключевые слова в Вашем исходном дереве. запустите с:

склонный - получают избыточную-ctags установку

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

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

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

Теперь, если Вы идете, например, вызов функции в Вашем исходном коде, можно использовать ctrl+] переходить к его определению.Более подробная информация: https://stackoverflow.com/questions/563616/vim-and-ctags-tips-and-tricks

6. что является следующим

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

Это - целый мир энергии там. Но: предупреждение: Если Вы входите в гольф энергии, Вы, вероятно, зашли слишком далеко - http://vimgolf.com/ ;-)

11
ответ дан 22 January 2013 в 17:15

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

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

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

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

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

0
ответ дан 22 January 2013 в 17:15
1146 Я бы посоветовал вам начать изучать .vimrc, как и выше. Потребности и предпочтения у всех разные, поэтому вам следует бесконечно идти с ручной установкой, а не просто копировать чужие конфигурации.

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

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

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

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

Некоторые другие полезные сведения

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

Репозитории Vimrc, которые стоит проверить

  • Стив Лош Удивительно stuff
  • Tim Pope Создатель Fugitive, Surround и множества других плагинов vim
  • Oxy Мой собственный репозиторий, в README у меня есть пример для генерации ctags для проектов Drupal.
  • Дерек Уайатт Его скринкасты научили меня, Вим, там можно найти много интересных вещей
0
ответ дан 22 January 2013 в 17:15

Другие вопросы по тегам:

Похожие вопросы: