styled components website

styled-components.com

styled-components 웹 사이트. Next.js, Preact 및 (물론) 스타일의 구성 요소로 제작되었습니다!

기여

웹 사이트에 기여하고 싶은 대단히 감사합니다! 우리는 실제로 최선을 다할 수있는 손을 사용할 수 있습니다.해야 할 일에 대한 아이디어에 대한 문제를 볼 수 있습니다.

이 저장소에 사용 된 기술과 함께 일한 적이 없다면 다음은 다음과 같은 링크가 있습니다.

• 다음에 배우십시오 .js
• 다음 .js 문서
• 스타일링 컴포넌트 문서 (이 웹 사이트!)

현지에서 실행

로컬로 웹 사이트를 개발하려면 개발 서버를 실행하려고합니다.

 # Download the repo
git clone https://github.com/styled-components/styled-components-website
# Enter the repo
cd styled-components-website
# Install the dependencies
yarn install
# Start local development
yarn dev

참고 :이를 위해서는 Node.js와 원사를 로컬로 설정해야합니다. 자세한 내용은 Nodejs.org를 참조하십시오.

시각적 차이를 업데이트합니다

새 섹션을 추가하거나 웹 사이트를 실질적으로 변경하면 이미지 비교 Diff Snapshot이 실패 할 수 있습니다. 이들은 다음을 통해 업데이트 할 수 있습니다.

yarn test -u

폴더 구조

이것이 각 폴더와 관련이있는 것입니다.

styled-components-website
├── components/  # Shared components
├── pages/       # The actual pages, mostly containing layout; the directory directly correlates to the URL. (e.g. pages/docs/basics.js === styled-components.com/docs/basics)
├── sections/    # The content, written in Markdown
├── public/      # Assets
├── test/        # Tests
├── utils/       # Various utilities use across the site
└── vendor/      # Cached dependencies