Vite On 스테로이드와 반응

최신 웹 개발을 위한 강력한 시작 템플릿

React with Vite On Steroids를 사용하면 React 애플리케이션을 쉽게 구축할 수 있습니다. 고성능 React 애플리케이션을 쉽게 생성하기 위한 시작 템플릿입니다.

안에 무엇이 들어있나요?

이 템플릿에는 개발 프로세스를 간소화하도록 설계된 기능이 포함되어 있습니다.

• Vite: 신속한 개발과 최적화된 프로덕션 빌드를 보장하는 초고속 빌드 도구입니다.
• React: 사용자 인터페이스 구축에 널리 사용되는 JavaScript 라이브러리입니다.
• TypeScript: JavaScript에 유형 안전성과 향상된 도구를 추가하세요.
• Tailwind CSS: 맞춤 CSS를 작성하지 않고도 멋진 디자인을 만들 수 있는 유틸리티 우선 CSS 프레임워크입니다.
• ESLint: 플러그형 린팅 규칙에 따라 코드베이스를 깔끔하고 일관되게 유지하세요.
• Prettier: 프로젝트 전반에 걸쳐 일관된 스타일을 적용하는 독창적인 코드 포맷터입니다.
• Vitest: Vite 기반 접근 방식을 갖춘 매우 빠른 단위 테스트 프레임워크입니다.
• 테스트 라이브러리: 우수한 테스트 관행을 장려하는 간단하고 완전한 테스트 유틸리티입니다.
• Playwright: 여러 브라우저를 지원하는 다목적 엔드투엔드 테스트 프레임워크입니다.
• Husky: 사전 커밋 후크와 같은 Git 후크를 자동화하여 코드가 저장소에 도달하기 전에 품질 코드를 보장합니다.

시작하기

전제 조건

들어가기 전에 다음이 설치되어 있는지 확인하세요.

• Node.js(버전 20.x 이상)
• 원사(또는 npm 또는 pnpm)

설치

다음의 간단한 단계로 프로젝트를 시작하세요.

1. 저장소 복제:

   git clone https://github.com/RicardoGEsteves/react-with-vite-on-steroids.git
   cd react-with-vite-on-steroids

1. 종속성 설치:

   yarn

개발 서버 실행

코딩을 시작할 준비가 되셨나요? 다음을 사용하여 개발 서버를 가동하세요.

yarn dev

생산을 위한 건물

배포할 준비가 되면 다음을 사용하여 프로덕션 빌드를 생성하세요.

yarn build

테스트 실행

이 템플릿에는 코드가 예상대로 작동하는지 확인하기 위한 테스트 유틸리티가 내장되어 있습니다.

• Vitest를 사용한 단위 테스트:

  yarn test

• 테스트 범위 확인:

  yarn coverage

• 극작가와의 엔드투엔드 테스트:

  • 모든 테스트 실행:

  yarn playwright test
  

  • 대화형 UI 모드:

  yarn playwright test --ui
  

  • 데스크톱 Chrome에서만 테스트를 실행하세요.

  yarn playwright test --project=chromium
  

  • 특정 파일에서 테스트 실행:

  yarn playwright test example
  

  • 디버그 모드:

  yarn playwright test --debug
  

  • Codegen으로 테스트 자동 생성:

  yarn playwright codegen
  

린팅 및 서식 지정

다음 명령을 사용하여 코드 품질과 일관성을 유지하세요.

• 코드 린트:

  yarn lint

• 린팅 오류 수정:

  yarn lint:fix

• 코드 형식 지정:

  yarn format

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참고하세요.

감사의 말

이 놀라운 도구를 개발한 개발자와 커뮤니티에 큰 감사를 드립니다.

• 초대
• 반응
• 타입스크립트
• 테일윈드 CSS
• ESLint
• 더 예뻐
• 비테스트
• 테스트 라이브러리
• 극작가
• 허스키

@RicardoGEsteves 템플릿을 확인하세요

제 웹사이트 https://www.ricardogesteves.com에서 많은 정보를 얻으실 수 있습니다

팔로우하세요 @ricardogesteves
X(트위터)

RicardoGEsteves (리카르도 에스테베스) · GitHub

풀스택 개발자 | 직관적이고 영향력 있는 사용자 경험을 만드는 데 열정적임 | 포르투갈 리스본에 본사를 두고 있나요? - 리카르도 Gsteves

github.com

위 내용은 Vite On 스테로이드와 반응의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!