Gimli

프런트 엔드 개발자를위한 스마트 비주얼 도구를 지원하는 Visual Studio Code 확장

다른 시각적 개발 플랫폼과 달리 Gimli는 프런트 엔드 개발자를 대상으로합니다.Gimli는 "비 코드"솔루션이 아닙니다.대신 "코드가없는"솔루션에서 흔히 볼 수있는 시각적 도구를 Visual Studio Code 개발 환경과 결합하려고합니다.주요 기능 : 레이아웃 도구 복잡한 동적 레이아웃을 만들려면 종종 Grid 및 Flexbox를 사용해야합니다.가능한 모든 속성과 서로 상호 작용하는 방법을 배우는 것은 어려울 수 있습니다.Gimli는이 프로세스를 크게 단순화하는 시각적 도구를 제공하여이를 해결합니다.Gimli는 선택된 요소를 기반으로 레이아웃 도구를 활성화합니다.예를 들어, 요소의 표시 속성이 그리드로 설정되면 그리드 중심 도구 세트가 활성화됩니다.요소에 display 속성이 flex로 설정된 부모가 있으면 flex-item 집중 도구 세트 등이 활성화됩니다.... 소스 찾기 Gimli의 "소스 찾기"기능을 사용하여 파일을 쉽게 탐색하십시오.Gimli를 사용하면 CSS 규칙 및 HTML 요소의 소스 코드를 즉시 찾을 수 있습니다.모든 프레임 워크 또는 라이브러리에서 작동 Gimli는 브라우저의 개발자 도구와 마찬가지로 작업하도록 선택한 모든 프레임 워크 또는 라이브러리에서 작동하도록 설계되었습니다.지금까지 Gimli는 React, WordPress, Bootstrap, VueJS, Angular 및 Stencil로 테스트되었습니다.스타일 적용 스타일을 복사하여 붙여 넣을 필요가 없습니다.Gimli의 "스타일 적용"기능을 사용하여 어떤 스타일이 추가, 제거 또는 변경되었는지 확인할 수 있습니다.그런 다음 해당 스타일 중 일부 또는 전부를 적용 할 수 있습니다.위의 내용은 곧 나오는 일을 엿볼 수 있습니다.위에서 본 것은 실제로 작동하는 기능입니다.주어진 시간과 리소스를 통해 기존 기능을 지속적으로 개선하고 다음과 같은 새로운 기능을 구현할 수 있기를 희망합니다.

gimli