fzf for js

자바스크립트용 FZF

문서 · 데모 · GitHub · NPM

원래 CLI용 퍼지 파인더로 사용 가능한 FZF for JavaScript는 FZF의 기본 알고리즘의 포트이므로 브라우저 컨텍스트에서 사용할 수 있습니다.

간략히 살펴보기

다음을 사용하여 JavaScript용 FZF를 설치합니다.

npm i fzf

그런 다음 다음과 같이 사용할 수 있습니다.

 import { Fzf } from 'fzf'

const list = [ 'go' , 'javascript' , 'python' , 'rust' , 
              'swift' , 'kotlin' , 'elixir' , 'java' , 
              'lisp' , 'v' , 'zig' , 'nim' , 'rescript' , 
              'd' , 'haskell' ]

const fzf = new Fzf ( list )
const entries = fzf . find ( 'li' )
console . log ( 'ranking is:' )
entries . forEach ( entry => console . log ( entry . item ) ) // lisp kotlin elixir

이 라이브러리를 사용하는 더 많은 방법을 보려면 설명서를 참조하세요.

동기 부여

명령 팔레트는 보편화되고 있습니다. 코드 편집기(Sublime Text, VS Code), 디자인 도구(Figma), 프로젝트 관리 앱(Height, Linear), 소스 제어 도구(Fork, Sublime Merge)에서 찾을 수 있습니다. 웹 앱도 점점 더 널리 보급되고 있습니다. FZF에는 CLI 외부 및 이러한 팔레트에 사용할 수 있는 훌륭한 퍼지 찾기 메커니즘이 있습니다.

더 자세히 알고 싶다면 명령 팔레트에 대한 좋은 자료가 있습니다.

감사해요

• 최준근(FZF 저자, 웹사이트) – 그의 작품을 우리가 이용할 수 있도록 해준 공로. 그의 프로젝트를 후원할 수 있습니다.