Рубрики
Без рубрики

Настройка VIM для разработки JS

Прочитайте это короткое и сладкое руководство, чтобы наклониться, как настроить VIM для разработки JS

Автор оригинала: Mohan Thaya.

Я перешел на VIM около 2 лет назад и не оглядывался назад. Сначала это было тяжело. Однако, как только вы получаете это и начните работать над этим, вы поймете, что это лучшее. Есть много статей на эту тему, но многие из них слишком многословны для моего вкуса.

Сохранять вещи, я перечисляю только шаги, .vimrc Файл и необходимые комментарии для настройки VIM успешно.

Настройка Vim.

Менеджер плагина для Vim

  • Потрясение
  1. $ Git Clone https://github.com/vundlevim/vundle.vim.git ~/.vim/bundle/vundle.vim
  2. Настроить неозаполнение (Инструмент завершения кода, необходимый для выполнения следующего) и ACK (поиск)

Для Mac

brew install vim --with-lua

Для Ubuntu

Обратитесь к: https://github.com/shougo/neoComplete.vim.

Установите ACK: https://beyondgrep.com/install/

(Необходимо для поиска файлов)

  1. Установите шрифты Powerline: https://github.com/powerline/fonts.

  2. Установите удивительную солнечную тему: http://thanschonover.com/solarized

Убедитесь, что вы настроили шрифт в настройках терминала к шрифту PowerLine.

.vimrc.

Обновите .vimrc Файл для установки плагинов. (Это минимальный базовый код установки, если вы используете Java, Python или любой другой язык, вы можете пропустить остальную часть статьи)

set nocompatible " be iMproved, required
filetype off " required
" set the runtime path to include Vundle and initialize
set rtp+=~/.vim/bundle/Vundle.vim

call vundle#begin()
Plugin 'VundleVim/Vundle.vim'

"Basic Plugins
Plugin 'scrooloose/nerdtree'
Plugin 'Xuyuanp/nerdtree-git-plugin'
Plugin 'vim-airline/vim-airline'
Plugin 'vim-airline/vim-airline-themes'
Plugin 'kien/ctrlp.vim'
Plugin 'vim-syntastic/syntastic'
Plugin 'tpope/vim-fugitive'
Plugin 'easymotion/vim-easymotion'
Plugin 'tpope/vim-repeat'
Plugin 'Shougo/neocomplete.vim'
Plugin 'airblade/vim-gitgutter'Plugin 'mileszs/ack.vim'

call vundle#end() " required

"remap the switching between split windows
nmap  j
nmap  k
nmap  l
nmap  h

"NERD Tree commands
"open NERDTree automatically when vim starts up
autocmd vimenter * NERDTree
"close vim if NERDTree is the only window left open
autocmd bufenter * if (winnr("$") == 1 && exists("b:NERDTree") && b:NERDTree.isTabTree()) | q | endif

"vim-airline setup solarized dark theme
let g:airline#extensions#tabline#enabled = 1
let g:airline_powerline_fonts = 1

"Syntastic setup
set statusline+=%#warningmsg#
set statusline+=%{SyntasticStatuslineFlag()}
set statusline+=%*

let g:syntastic_always_populate_loc_list = 1
let g:syntastic_auto_loc_list = 1
let g:syntastic_check_on_open = 1
let g:syntastic_check_on_wq = 0

"common setup
syntax enable
set relativenumber

" easy motion 
" `s{char}{char}{label}` 
" Need one more keystroke, but on average, it may be more comfortable. 
nmap s (easymotion-s2) 

" Turn on case insensitive feature 
let g:EasyMotion_smartcase = 1 
" JK motions: Line motions 
map j (easymotion-j) 
map k (easymotion-k)

"Neocomplete
let g:neocomplete#enable_at_startup = 1

" Only required for mac users to preven the terminal flash issueset noerrorbells visualbell t_vb=autocmd GUIEnter * set visualbell t_vb=

Специальные плагины для разработки JavaScript

  1. Установите красивее по всему миру пряжа глобальный добавить красивее

Добавьте следующие плагины.

Plugin 'prettier/vim-prettier'
Plugin 'pangloss/vim-javascript'

Добавьте следующий код после окончания плагина.

"prettier
"run prettier before saving
let g:prettier#autoformat = 0autocmd BufWritePre *.jsx,*.js,*.json,*.css,*.scss,*.less,*.graphql Prettier
"ctrlp filterlet g:ctrlp_custom_ignore = 'node_modules\|DS_Store\|git'

Это оно! Короткие и сладкие – если у вас есть какие-либо вопросы комментариев, не стесняйтесь комментировать ниже!

Читайте ещё по теме: