Neovim coc config for frontend development
| " Specify a directory for plugins | |
| " - For Neovim: ~/.local/share/nvim/plugged | |
| " - Avoid using standard Vim directory names like 'plugin' | |
| call plug#begin('~/.vim/plugged') | |
| " Make sure you use single quotes | |
| " --- | |
| Plug 'ctrlpvim/ctrlp.vim' " File navigation | |
| Plug 'scrooloose/nerdtree' " NERD Tree | |
| Plug 'Xuyuanp/nerdtree-git-plugin' " show git status in Nerd tree | |
| Plug 'itchyny/lightline.vim' " UI | |
| Plug 'ap/vim-buftabline' " buffers to tabline | |
| Plug 'tomasr/molokai' " sublime theme | |
| Plug 'dunstontc/vim-vscode-theme' " vscode theme | |
| Plug 'neoclide/coc.nvim', {'do': { -> coc#util#install()}} " Completion as in vscode | |
| "Plug 'joonty/vdebug' " Debugger | |
| Plug 'janko-m/vim-test' " Tests | |
| " Code {{{ | |
| Plug 'scrooloose/nerdcommenter' " NERD commenter. Quickly comment lines | |
| Plug 'editorconfig/editorconfig-vim' | |
| Plug 'herringtondarkholme/yats.vim' " Typescript syntax | |
| Plug 'posva/vim-vue' " Vue JS syntax highlighting | |
| Plug 'maxmellon/vim-jsx-pretty' | |
| Plug 'prettier/vim-prettier' | |
| Plug 'othree/xml.vim' | |
| Plug 'othree/html5.vim' | |
| Plug 'cakebaker/scss-syntax.vim' | |
| Plug 'iamcco/markdown-preview.nvim', { 'do': { -> mkdp#util#install() }} " Markdown preview | |
| " }}} | |
| " GIT {{{ | |
| Plug 'tpope/vim-fugitive' | |
| Plug 'airblade/vim-gitgutter' | |
| " }}} | |
| " Initialize plugin system | |
| call plug#end() | |
| " ====================================================================================== | |
| " Config | |
| " ====================================================================================== | |
| set termguicolors | |
| set foldmethod=marker | |
| set mouse=a | |
| set nowrap | |
| set number | |
| set enc=utf-8 " utf-8 by default in files | |
| set ls=2 " show status bar always | |
| set hlsearch " highlight search | |
| set showtabline=0 | |
| highlight LineNr ctermfg=gray | |
| highlight Pmenu ctermbg=gray guibg=gray " popup autocomplete menu color | |
| set t_Co=256 | |
| highlight Normal guibg=black guifg=white | |
| set background=dark | |
| colo molokai | |
| " buffers to tabs workaround {{{ | |
| " This allows buffers to be hidden if you've modified a buffer. | |
| " This is almost a must if you wish to use buffers in this way. | |
| set hidden | |
| " Close the current buffer and move to the previous one | |
| " This replicates the idea of closing a tab | |
| nmap <leader>bd :bp <BAR> bd #<CR> | |
| " Mappings to access buffers (don't use "\p" because a | |
| " delay before pressing "p" would accidentally paste). | |
| " \l : list buffers | |
| " \[ \] \= : go back/forward/last-used | |
| " \1 \2 \3 : go to buffer 1/2/3 etc | |
| nnoremap <Leader>l :ls<CR> | |
| nnoremap <Leader>[ :bp<CR> | |
| nnoremap <Leader>] :bn<CR> | |
| nnoremap <Leader>= :e#<CR> | |
| nnoremap <Leader>1 :1b<CR> | |
| nnoremap <Leader>2 :2b<CR> | |
| nnoremap <Leader>3 :3b<CR> | |
| nnoremap <Leader>4 :4b<CR> | |
| nnoremap <Leader>5 :5b<CR> | |
| nnoremap <Leader>6 :6b<CR> | |
| nnoremap <Leader>7 :7b<CR> | |
| nnoremap <Leader>8 :8b<CR> | |
| nnoremap <Leader>9 :9b<CR> | |
| nnoremap <Leader>0 :10b<CR> | |
| " It's useful to show the buffer number in the status line. | |
| set laststatus=2 statusline=%02n:%<%f\ %h%m%r%=%-14.(%l,%c%V%)\ %P<Paste> | |
| " }}} | |
| " CtrlP {{{ | |
| let g:ctrlp_map = '<c-p>' | |
| let g:ctrlp_cmd = 'CtrlP' | |
| set wildignore+=*/node_modules/*,*.so,*.swp,*.zip,*/logs/* | |
| let g:ctrlp_root_markers = ['package.json'] | |
| let g:ctrlp_custom_ignore = { | |
| \ 'dir': '\v[\/]\.(git|hg|svn)$', | |
| \ } | |
| nmap <leader>bb :CtrlPBuffer<cr> | |
| nmap <leader>bm :CtrlPMixed<cr> | |
| nmap <leader>bs :CtrlPMRU<cr> | |
| " }}} | |
| " NERT Tree {{{ | |
| map <F3> :NERDTreeToggle<CR> | |
| " }}} | |
| " Prettier {{{ | |
| let g:prettier#autoformat = 0 | |
| autocmd BufWritePre *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql,*.md,*.vue PrettierAsync | |
| " }}} | |
| autocmd FileType vue syntax sync fromstart " fix sync in vue files | |
| " CoC conf {{{ | |
| " if hidden is not set, TextEdit might fail. | |
| set hidden | |
| " Some servers have issues with backup files, see #649 | |
| set nobackup | |
| set nowritebackup | |
| " Better display for messages | |
| set cmdheight=2 | |
| " Smaller updatetime for CursorHold & CursorHoldI | |
| set updatetime=300 | |
| " don't give |ins-completion-menu| messages. | |
| set shortmess+=c | |
| " always show signcolumns | |
| set signcolumn=yes | |
| " Use tab for trigger completion with characters ahead and navigate. | |
| " Use command ':verbose imap <tab>' to make sure tab is not mapped by other plugin. | |
| inoremap <silent><expr> <TAB> | |
| \ pumvisible() ? "\<C-n>" : | |
| \ <SID>check_back_space() ? "\<TAB>" : | |
| \ coc#refresh() | |
| inoremap <expr><S-TAB> pumvisible() ? "\<C-p>" : "\<C-h>" | |
| function! s:check_back_space() abort | |
| let col = col('.') - 1 | |
| return !col || getline('.')[col - 1] =~# '\s' | |
| endfunction | |
| " Use <c-space> to trigger completion. | |
| inoremap <silent><expr> <c-space> coc#refresh() | |
| " Use <cr> to confirm completion, `<C-g>u` means break undo chain at current position. | |
| " Coc only does snippet and additional edit on confirm. | |
| inoremap <expr> <cr> pumvisible() ? "\<C-y>" : "\<C-g>u\<CR>" | |
| " Use `[c` and `]c` to navigate diagnostics | |
| nmap <silent> [c <Plug>(coc-diagnostic-prev) | |
| nmap <silent> ]c <Plug>(coc-diagnostic-next) | |
| " Remap keys for gotos | |
| nmap <silent> gd <Plug>(coc-definition) | |
| nmap <silent> gy <Plug>(coc-type-definition) | |
| nmap <silent> gi <Plug>(coc-implementation) | |
| nmap <silent> gr <Plug>(coc-references) | |
| " Use K to show documentation in preview window | |
| nnoremap <silent> K :call <SID>show_documentation()<CR> | |
| function! s:show_documentation() | |
| if (index(['vim','help'], &filetype) >= 0) | |
| execute 'h '.expand('<cword>') | |
| else | |
| call CocAction('doHover') | |
| endif | |
| endfunction | |
| " Highlight symbol under cursor on CursorHold | |
| autocmd CursorHold * silent call CocActionAsync('highlight') | |
| " Remap for rename current word | |
| nmap <leader>rn <Plug>(coc-rename) | |
| " Remap for format selected region | |
| vmap <leader>f <Plug>(coc-format-selected) | |
| nmap <leader>f <Plug>(coc-format-selected) | |
| augroup mygroup | |
| autocmd! | |
| " Setup formatexpr specified filetype(s). | |
| autocmd FileType typescript,json setl formatexpr=CocAction('formatSelected') | |
| " Update signature help on jump placeholder | |
| autocmd User CocJumpPlaceholder call CocActionAsync('showSignatureHelp') | |
| augroup end | |
| " Remap for do codeAction of selected region, ex: `<leader>aap` for current paragraph | |
| vmap <leader>a <Plug>(coc-codeaction-selected) | |
| nmap <leader>a <Plug>(coc-codeaction-selected) | |
| " Remap for do codeAction of current line | |
| nmap <leader>ac <Plug>(coc-codeaction) | |
| " Fix autofix problem of current line | |
| nmap <leader>qf <Plug>(coc-fix-current) | |
| " Use `:Format` to format current buffer | |
| command! -nargs=0 Format :call CocAction('format') | |
| " Use `:Fold` to fold current buffer | |
| command! -nargs=? Fold :call CocAction('fold', <f-args>) | |
| " Add diagnostic info for https://github.com/itchyny/lightline.vim | |
| let g:lightline = { | |
| \ 'colorscheme': 'wombat', | |
| \ 'active': { | |
| \ 'left': [ [ 'mode', 'paste' ], | |
| \ [ 'cocstatus', 'readonly', 'filename', 'modified' ] ] | |
| \ }, | |
| \ 'component_function': { | |
| \ 'cocstatus': 'coc#status' | |
| \ }, | |
| \ } | |
| " Using CocList | |
| " Show all diagnostics | |
| nnoremap <silent> <space>a :<C-u>CocList diagnostics<cr> | |
| " Manage extensions | |
| nnoremap <silent> <space>e :<C-u>CocList extensions<cr> | |
| " Show commands | |
| nnoremap <silent> <space>c :<C-u>CocList commands<cr> | |
| " Find symbol of current document | |
| nnoremap <silent> <space>o :<C-u>CocList outline<cr> | |
| " Search workspace symbols | |
| nnoremap <silent> <space>s :<C-u>CocList -I symbols<cr> | |
| " Do default action for next item. | |
| nnoremap <silent> <space>j :<C-u>CocNext<CR> | |
| " Do default action for previous item. | |
| nnoremap <silent> <space>k :<C-u>CocPrev<CR> | |
| " Resume latest coc list | |
| nnoremap <silent> <space>p :<C-u>CocListResume<CR> | |
| " Coc-snippets | |
| " --------------- | |
| " Use <C-l> for trigger snippet expand. | |
| imap <C-l> <Plug>(coc-snippets-expand) | |
| " Use <C-j> for select text for visual placeholder of snippet. | |
| vmap <C-j> <Plug>(coc-snippets-select) | |
| " Use <C-j> for jump to next placeholder, it's default of coc.nvim | |
| let g:coc_snippet_next = '<c-j>' | |
| " Use <C-k> for jump to previous placeholder, it's default of coc.nvim | |
| let g:coc_snippet_prev = '<c-k>' | |
| " Use <C-j> for both expand and jump (make expand higher priority.) | |
| imap <C-j> <Plug>(coc-snippets-expand-jump) | |
| " Make <tab> used for trigger completion, completion confirm, snippet expand and jump like VSCode. | |
| inoremap <silent><expr> <TAB> | |
| \ pumvisible() ? coc#_select_confirm() : | |
| \ coc#expandableOrJumpable() ? "\<C-r>=coc#rpc#request('doKeymap', ['snippets-expand-jump',''])\<CR>" : | |
| \ <SID>check_back_space() ? "\<TAB>" : | |
| \ coc#refresh() | |
| function! s:check_back_space() abort | |
| let col = col('.') - 1 | |
| return !col || getline('.')[col - 1] =~# '\s' | |
| endfunction | |
| let g:coc_snippet_next = '<tab>' | |
| " }}} | |
| " vim-test {{{ | |
| let test#strategy = "neovim" | |
| nmap <silent> t<C-n> :TestNearest<CR> | |
| nmap <silent> t<C-f> :TestFile<CR> | |
| nmap <silent> t<C-s> :TestSuite<CR> | |
| nmap <silent> t<C-l> :TestLast<CR> | |
| nmap <silent> t<C-g> :TestVisit<CR> | |
| " }}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment