MUI VS Code Extension for AI Coding

그래서 저는 React 프로젝트에 몰두하면서 MUI를 사용하여 사용자 정의 파급 효과로 버튼 스타일을 지정하는 방법을 알아내려고 노력했습니다. 고전적인 "거기 있는 건 알지만 어디에 있는지" 순간. 확장 프로그램을 열고 @mui를 입력하여 버튼 잔물결 및 붐을 사용자 정의하는 방법 - 소품과 컨텍스트가 포함된 작업 예제를 얻었습니다. 탭 전환이나 Google 검색이 없으며 바로 답변이 제공됩니다. 마치 MUI를 잘 아는 동료가 옆에 앉아 있는 것과 같습니다.

좋은 것들

실제로 클릭한 것은 무엇입니까? 대화처럼 반응하는 방식. 링크나 스니펫만 얻는 것이 아닙니다. 특정 소품이 작동하는 이유를 설명하고 때로는 여러 접근 방식을 보여주기도 합니다. 실제 문제로 테스트했습니다. 중단점을 사용하여 반응하는 그리드 레이아웃을 만드는 것입니다. 코드를 제공하고 간격 동작을 설명했으며 중첩된 컨테이너의 잠재적인 위험에 대해서도 언급했습니다. 개발 도구에서는 이러한 종류의 깊이가 거의 없습니다.

또한 곧 in-IDE 문서화에 대한 아이디어도 확고합니다. 지금은 여전히 ​​외부 링크에 의존하고 있지만 전체 MUI 문서를 편집기에 통합한다면 이는 획기적인 변화가 될 수 있습니다. 나는 그것을 매일 사용할 것입니다. 그리고 피드백 시스템이 내장되어 있나요? 좋은 터치. 사용자가 GitHub 문제를 통해 버그를 보고하는 데 어려움을 겪지 않는다는 의미입니다. 편집기에서 직접 플래그를 지정할 수 있습니다.

그다지 좋지 않은 것

하지만 여기에 문제가 있습니다. 아직 이르다는 것입니다. AI 반응은 괜찮지만 완벽하지는 않습니다. 일단 더 이상 사용되지 않는 소품을 사용하는 코드 샘플을 제공했습니다. 그것이 구식이라는 것을 깨닫는 데 잠시 시간이 걸렸습니다. 큰 문제는 아니지만 공식 문서를 다시 확인하지 않으면 모든 답변을 완전히 신뢰할 수 없다는 의미입니다.

또한 확장 프로그램은 웹 기반이며 특히 MUI와 연결되어 있으므로 MUI를 사용하지 않으면 유용하지 않습니다. Chakra UI 또는 Tailwind를 사용하는 경우에는 아무 효과가 없습니다. 그리고 솔직히 말해서 실제로 얼마나 많은 사람들이 그것을 사용하고 있는지는 확실하지 않습니다. 다운로드 목록도 없고 커뮤니티에서 큰 화제가 되지도 않습니다. 널리 채택된 도구라기보다 틈새 도구에 더 가까운지 궁금합니다.

결론

MUI에 깊이 빠져 있고 문서와 코드 사이를 오가는 것을 싫어한다면 이 확장 기능을 사용해 보세요. 무료이고 가벼우며 구성 요소에 문제가 있을 때 시간을 절약해 줍니다. 그러나 실제 문서를 읽는 것을 대체하는 것으로 간주하지 마십시오. 빠른 지름길로 사용하십시오. MUI 사용자라면 다운로드할 가치가 있습니다. 다른 사람들에게도? 건너뛰세요. 범용 도구라고 하기에는 너무 구체적입니다. 한 가지 일을 잘 수행하는 웹앱용 AI 코딩을 위한 또 다른 MUI VS 코드 확장이면 충분합니다.