Flutter IDE로서의 Vim

vim을 사랑하고 다른 IDE 대신 Vim을 사용하는 개발자이고 Flutter 개발자라면 올바른 위치에 있습니다. 계속해서 Dart 프로그래밍 언어와 Flutter 프레임워크를 지원하도록 vim을 구성하는 방법에 대해 설명합니다.

It is assumed that you are familiar with vim and know how to install plugins.



다트 파일 지원



dart 파일 형식, 구문 강조 표시 및 들여쓰기를 지원하기 위해 dart-vim-plugin 이라는 vim 플러그인이 있습니다. Vundle를 사용하여 vim 플러그인을 관리하는 경우 이를 .vimrc에 추가하기만 하면 됩니다.

Plugin 'dart-lang/dart-vim-plugin'


vim에 dart-vim-plugin를 추가하면 다트 구문을 지원하고 코드를 강조 표시합니다.



또한 코드를 각각 :DartFmt:DartAnalyzer로 형식화하고 분석할 수 있습니다.

자동 완성



Vim에 Dart 자동 완성을 추가하는 두 가지 플러그인이 있습니다.
  • dart-lsc-vim
  • coc.nvim

  • 다트 LSC VIM



    Dart SDK는 LSP(Language Server Protocol) 모드에서 실행할 수 있는 분석 서버와 함께 제공됩니다. dart-lsc-vim 플러그인은 vim-lsc를 사용하여 다트 분석 서버를 언어 서버로 등록하는 데 도움이 됩니다. 다시 말하지만 Vundle을 사용하면 아래와 같이 vim-lsc-dartvim-lsc를 모두 쉽게 설치할 수 있습니다.

    Plugin 'natebosch/vim-lsc'
    Plugin 'natebosch/vim-lsc-dart'
    

    vim-plug의 팬이라면 다음을 사용할 수 있습니다.

    Plug 'natebosch/vim-lsc'
    Plug 'natebosch/vim-lsc-dart'
    

    g:lsc_auto_maptrue 를 추가하면 vim-lsc 의 모든 기본 키맵이 적용됩니다.

    let g:lsc_auto_map = v:true
    

    vim-lsc의 기본 키맵은 다음과 같습니다.
  • 'GoToDefinition': <C-]> ,
  • 'GoToDefinitionSplit': [ <C-W>] , <C-W><C-]> ],
  • '참조 찾기': gr ,
  • '다음 참조': <C-n> ,
  • '이전 참조': <C-p> ,
  • '구현 찾기': gI ,
  • 'FindCodeActions': ga ,
  • '이름 바꾸기': gR ,
  • '문서 기호': go ,
  • 'WorkspaceSymbol': gS ,
  • 'SignatureHelp': gm ,



  • CoC.nvim



    CoC.nvim vim (>= 8.1)neovim (>=0.3.1)에 대한 인텔리센스 엔진입니다. VSCode의 확장 기능을 지원하는 완성 프레임워크이자 언어 서비스 클라이언트입니다.CoC.nvim가 있는 경우 아래 줄을 .vimrc에 추가하여 Vundle를 설치할 수 있습니다.

    Plugin 'neoclide/coc.nvim'
    


    Vundle에서 coc.nvim를 설치한 후 분기를 release에서 ~/.vim/bundle/coc.nvim로 변경해야 합니다.

    cd ~/.vim/bundle/coc.nvim
    git checkout release
    

    vim-plug 를 사용하는 경우 .vimrc 에 아래 행을 추가할 수 있습니다.

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


    flutter 지원을 활성화하기 위해 vim에 플러그인coc.vim을 추가한 후 vim에서 이 명령을 실행하여 설치해야 합니다 coc-flutter .

    :CocInstall coc-flutter
    



    go-to definition , find references , go-to implementation 등을 갖도록 구성을 추가할 수 있습니다. CoC.nvimREADME 파일에서 더 많은 구성을 확인할 수 있습니다.

    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)
    


    이 튜토리얼이 Vim을 Flutter IDE로 쉽게 사용하도록 구성하는 데 도움이 되기를 바랍니다.

    귀하의 의견도 대단히 감사합니다.

    좋은 웹페이지 즐겨찾기