Neste post descrevo como configurei meu vim para trabalhar com a linguagem Dart e o framework Flutter.

Suporte a linguagem

O básico é instalar o suporte a linguagem. Com isso já temos 'syntax highlighting' e 'indentation'.

Para instalar o dart-vim-plugin:

Plug 'dart-lang/dart-vim-plugin' 

Setup & Configurações

Se você já utilizou o VSCode, sabe que existe um plugin ~ eu diria que obrigatório ~ para integrar o editor ao Flutter. Para obter os mesmos benefícios no vim utilizei o coc.vim com a extensão coc-flutter.

CoC.vim & coc-flutter

Primeiro, instale o coc.vim:

Plug 'neoclide/coc.nvim', {'branch': 'release'} 

Em seguida, instale a extensão para o Flutter.

:CocInstall coc-flutter 

Você pode configurar o Ctrl+Space para abrir as janelas de sugestões.

Configuração:

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 inoremap <silent><expr> <c-space> coc#refresh() 

Assim as sugestões aparecem ao digitar também e com o <TAB> se navega nas opções.

Confira no README do projeto um exemplo de configuração

Navegar para definição:

nmap <silent> gf <Plug>(coc-definition) 

Ações de código

Com este recurso você consegue executar ações no seu código como adicionar, remover ou extrair um widget para uma classe ou método.

Seguindo o README, configuramos desta forma:

xmap <leader>a <Plug>(coc-codeaction-selected) nmap <leader>a <Plug>(coc-codeaction-selected) 

Assim você pode utilizar o comando <leader>a no modo visual/seleção ou <leader>aw se estiver no modo normal. Para receber apenas sugestões de imports ou organizar o arquivo você pode utilizar <leader>aap.

Flutter: Run, Reload, Restart & DevLog

A extensão coc-flutter habilita os comandos do Flutter SDK e assim podemos listar os comandos:

CocList --input=flutter commands 

Você pode configurar alguns atalhos:

nmap <leader>fc :CocList --input=flutter commands<CR> nmap <leader>fe :CocCommand flutter.emulators<CR> nmap <leader>fr :CocCommand flutter.run<CR> nmap <leader>fq :CocCommand flutter.dev.quit<CR> nmap <leader>fh :CocCommand flutter.dev.hotRestart<CR> nmap <leader>fl :CocCommand flutter.dev.openDevLog<CR> 

Os comandos flutter.dev.* só aparecem após a execução dos comandos run ou attach.

Meu nvim config

Para ficar como exemplo, vou deixar aqui o meu init.vim.

:PaqInstall :PaqSync :LspInstall lua :LspInstall typescript :LspInstall html :LspInstall css :TSInstall lua :TSInstall javascript :TSInstall typescript :TSInstall json :TSInstall html :TSInstall css :TSInstall yaml :TSInstall dart

Qualquer coisa estamos ai nos comentários 😄
Um abraço!