Як я можу налаштувати Vim для веб-розробки та програмування?


10

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

О, і єдиний спосіб запуску vim - це термінал - спасибі

*** редагувати ---> я не можу знайти файл my.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 відкривати папку в режимі "Explorer". Ми встановимо NERDtree, який є популярним плагіном браузера файлів, який замінить провідник за замовчуванням.

Перейдіть на сторінку http://www.vim.org/scripts/script.php?script_id=1658 та завантажте поштовий файл із таблиці внизу сторінки.

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

Після його вилучення він створить кілька підпапок .vimдля вас. Якщо тепер перезапустити 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

Я б спочатку не надто хвилювався про плагіни, просто ознайомлення з потужністю, яку пропонує vim з коробки, має бути досить корисною для вашого кодування. Але одне, що дійсно корисно працювати у vim - це ctags . ctags дозволяє робити такі дії, як "перейти до визначення", і автоматично заповнювати всі ключові слова у вашому дереві-джерелі. починати з:

apt-get install exuberant-ctags

Потім у свій .vimrc додайте

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

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

Тепер, якщо ви ввімкнули, наприклад, виклик функції у вихідному коді, ви можете скористатися ctrl+]для переходу до його визначення. Більше інформації тут: /programming/563616/vim-and-ctags-tips-and-tricks

6. що далі

Інші люди розмістили кілька справді корисних посібників, ось декілька SO-сторінок, які я знайшов корисними Тхо:

Це цілий вим-світ там. Але: попередження: Якщо ви потрапили у vim golf, ви, ймовірно, зайшли занадто далеко - http://vimgolf.com/ ;-)


Добре, як я вже згадував, немає .vimні .vimrcфайлів, ні файлів. Я знаю, що .робить, але чи можете ви мене просимо, будь ласка, як саме ми встановлюємо один плагін або змінюємо одну установку? Будь ласка, допоможіть! Дякую
gabriel

ага, я думаю, можливо, що vim не створив б .vimrcза замовчуванням, і вам доведеться зробити це самостійно ... Я оновлю відповідь, а також включу щось про те, як встановити базовий плагін ...
hwjp

1
це краще?
hwjp

чудова допомога від вас, дякую! Але як я можу видалити плагін? Чи видаляю я файли? дякую
gabriel

Також я встановив збудник, і мій .vimфайл зовсім не організований. Будь-який корисний htmlплагін? Дякую
gabriel

9

Я б запропонував вам почати вивчати .vimrc так само, як вище. Потреби та вподобання кожного відрізняються, тому вам слід нескінченно виконувати встановлення матеріалів вручну, а не просто копіювати конфігурації когось.

Деякі ресурси щодо вивчення самого VIM:

  • Вивчайте Vim поступово , чудовий посібник з вивчення Vim.
  • Підручники Vim Novice , серія відеороликів Дерека Вайятта, що мені сподобалося, коли я вперше розпочав свою подорож.
  • Чит-лист , якщо ви не знайомі з Вімом раніше, я б рекомендував сходити на це, як іспит. Запишіть клавіші вниз на папері, команду зліва та опис праворуч. Потім починайте запам'ятовувати, ховаючи або команду, або опис і намагаючись запам'ятати відповідь. Не пройде багато часу, перш ніж команди прийдуть до вас природним чином, але пам’ятайте, що активно використовувати їх і у Vim, інакше ви швидко навчитесь.
  • http://usevim.com (Оцінює плагіни vim і також має серію Vim 101)
  • http://vimcasts.org/episodes/archive (Деякі чудові ролі)

Деякі дійсно корисні плагіни

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

Якесь інше добре знати

  • Щоб отримати завершення вкладки для проектів, ви можете використовувати ctags, які підтримує vim
  • Знову поверніть шапки-замок на есс, після одного дня ви не можете зрозуміти, як у вас було енергії, щоб досягти цілого рівня до есс.
  • Vim має гілки дерев для скасування, це означає, що ви все ще можете скасувати, навіть якщо ви змінили дерево скасування. Гундо допомагає візуалізувати це.
  • Vim має постійні скасування, тобто він зберігає вашу історію скасування, навіть якщо ви перезавантажите комп'ютер, ви обов'язково повинні це активувати.
  • У моєму власному vimrc у мене є функція, яка перевіряє, чи працюю я на Drupal або на Wordpress-сайті, залежно від цього встановлені різні умови коду. (Здогадайтесь, це може бути корисно знати. Ви можете знайти його в моєму сховищі, пов’язаному нижче.)
  • Стів Лош мав цю дивовижну конфігурацію, яка визначає номер об'єкта in vim, тож ви можете видалити / змінити / і т.д. лише число, наприклад, 200px, натиснувши cN

Репозиторії Vimrc варто перевірити

  • Стів Лош Дивовижні речі
  • Тім Папа Творець втікачів, оточення та тонн інших плагінів vim
  • Oxy Моє власне сховище, в README я маю приклад для генерування каталогів для 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
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.