[vim] Firenvim으로 브라우저내에 서 Neovim Editor 를 쓸 수 있다.

dev stefanCho·2021년 5월 4일
0

vim

목록 보기
1/5

Neovim 을 browser 에서 사용 할 수 있다.

How to Install?

  1. Neovim 0.4.0 이상 (현재 nightly 버전인 0.5는 firenvim 적용이 안된다. stable 최신버전인 0.4.4는 되는 것을 확인하였다.)
  2. Neovim에서 :lua bit.band(1,1) 커맨드를 입력했을 때 에러없음을 확인
  3. 나는 vim-plug를 사용하고 있으므로, 아래코드를 init.vim 에 추가 (안에 있는 숫자는 암거나 써도 상관없음)
Plug 'glacambre/firenvim', { 'do': { _ -> firenvim#install(88) } }
  1. :PlugInstall
  2. Chrome web store에서 Firenvim extension설치
    자세한 방법은 github/firenvim 참고

글씨크기 수정

:set guifont=monospace:h10

  • h 다음 숫자가 클수록 큰 크기이다. issue link
  • :h guifont로 help 내용을 참고하도록 한다. issue link

exclude websites

  • 기본적으로 모든 websites에 대해 always인 상태이다.
  • 아래 config를 init.vim에 추가해준다.
  • fc['pattern'] = { 'takeover': 'never', 'priority': 1 } 형태로 제외하려는 website들을 추가해준다.
  • 추가한 exclude pattern 적용은 Chrome을 완전히 끄고 (cmd+Q) 다시 켜면 적용된다.
"Firenvim exclude websites
let g:firenvim_config = {
    \ 'globalSettings': {
        \ 'alt': 'all',
    \  },
    \ 'localSettings': {
        \ '.*': {
            \ 'cmdline': 'neovim',
            \ 'content': 'text',
            \ 'priority': 0,
            \ 'selector': 'textarea',
            \ 'takeover': 'always',
        \ },
    \ }
\ }
let fc = g:firenvim_config['localSettings']
let fc['https?:\/\/(client|admin|cs)'] = { 'takeover': 'never', 'priority': 1 }
let fc['regex101.com'] = { 'takeover': 'never', 'priority': 1 }

결과 (screenshot)

firenvim 강제로 적용하기 (완전대박이다..)


2022년 3월 31일.. jsfiddle에서 vim을 적용할 수 있는 방법을 찾고 있었다. 우연히 cmd+e를 눌렀는데, 뜬금없이 vim이 강제로 열렸다.
firenvim에 가보니, 동작하지 않는경우 <C-e>를 눌러봐라는 말이 있었다. (mac이라서 ctrl이 아니라 cmd가 먹히는 듯)
덕분에 js fiddle에서도 vim을 사용할 수 있게 되었다

결론

  • 빠르게 수정해야할게 있을 때 상당히 편하다.
  • 한글로 치면 중간에 띄워쓰기가 막 생긴다... 영어는 문제없는데 참 아쉽다.
  • 다 작성하고 나면 :wq로 빠져나오면 된다.
  • 만약 image를 붙여넣기 하려면 :wq로 빠져나와서 cmd + V를 해야한다. (nvim 에디터 내에서는 붙여넣기가 안먹히더라)
  • :wq로 빠져나오더라도 다른 페이지로 갔다가 다시 돌아오면 다시 nvim으로 작성할 수 있다.

참고

YouTuber Primeagen

profile
Front-end Developer

0개의 댓글