>웹 프론트엔드 >프런트엔드 Q&A >당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

青灯夜游
青灯夜游앞으로
2020-09-28 17:47:552627검색

이 기사에서는 여러분이 모르거나 사용해 본 적이 없는 멋진 개발 도구 7가지를 추천합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

1. BundlePhobia

BundlePhobia는 npm 패키지 종속성, 번들 크기, 다운로드 속도 추정 등을 분석하는 데 사용되며, 이를 참조하기 전에 패키지 도입 비용을 이해하는 데 도움이 됩니다.

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

프로젝트의 package.json 파일을 업로드할 수도 있으며, BundlePhobia는 프로젝트에 있는 모든 패키지의 크기와 로딩 속도를 평가하는 데 도움이 됩니다:

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

2 CloudCraft

AWS, CloudCraft는 클라우드 서비스 아키텍처를 설계하기 위한 시각적 운영 인터페이스와 드래그 앤 드롭을 제공하여 신중하게 계획하는 데 도움을 줍니다.

3. Figma

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

Figma는 이 목록에서 상대적으로 유명합니다. 일러스트레이터와 스케치를 사용하는 데 익숙한 디자이너라면 확실히 시도해 볼 가치가 있습니다. Figma는 웹과 데스크톱의 두 가지 버전을 제공합니다. 웹 버전은 WebAssembly를 사용하여 데스크톱과 동일한 성능을 구현하므로 다양한 운영 체제에서 빠르게 사용할 수 있습니다. Figma는 다양한 사용자 입력 이벤트를 시뮬레이션하고 디자인 초안을 CSS, IOS 스타일 및 Android 스타일로 직접 내보낼 수 있습니다.

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

4. Fontflipper

디자인이나 개발 과정에서 여전히 폰트 사용이 고민되는 학생이라면 Fontflipper를 사용해 보세요. Fontflipper의 목적은 단 하나입니다. 디자인에 가장 적합한 글꼴을 선택하고, 디자인을 업로드하고, 텍스트를 추가하고, 다른 글꼴 간에 전환하고, 원하는 글꼴을 저장할 수 있도록 하는 것입니다. 단점은 중국어 폰트가 없다는 점입니다. .

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

5. VisBug

VisBug는 최근 출시된 Google Chrome 플러그인입니다. VisBug를 사용하면 요소를 검사하고, 요소를 이동하고, CSS 속성을 변경하고, 요소를 더 빠르게 찾을 수 있습니다. . 프론트엔드 개발 효율성을 대폭 높여보세요!

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

6.

Insomnia

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)Insomnia는 Rest Api 및 GraphQL Api 디버깅을 지원하는 디버깅 API 도구입니다. graphQL 쿼리를 작성할 때 유용한 팁이 있습니다.

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

7. Flare

Flare는 2D 동적 그래픽을 디자인하는 데 사용되며 사용 경험은 Figma와 유사합니다.

당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)

코드펜과 마찬가지로 다른 디자이너들의 공개 작품도 볼 수 있어요

모두 행복한 일 되시길 바랍니다!

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 소개당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)를 방문하세요! !

위 내용은 당신이 모를 수도 있는 7가지 놀라운 개발 도구(권장 사항 공유)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제