mechanic

❤️으로 제작되었습니다

Mechanic은 강력한 설계 툴체인으로, 미래 예측 조직이 설계 작업을 자동화하여 수동 설계 워크 플로우에서 벗어나도록 도와줍니다.

현재 상태 : v1.2.0 이 이제 나왔습니다! 그것을 시도하고 당신의 생각을 알려주세요! v2.0.0-beta.9 도 나왔고 우리는 그것을 테스트하고 있습니다! 자유롭게 테스트하십시오!

시작하세요

즉시 사용을 시작하고 새로운 정비사 프로젝트를 만들려면 다음을 실행하십시오.

 npm init mechanic@latest

이것은 하나 의 디자인 기능 으로 새로운 기본 정비사 프로젝트를 구축 할 것입니다! CLI 지침에 따라 사용자 정의, 설치 및 실행을 시작하십시오.

선적 서류 비치

v1.2.0 문서를 확인하십시오.

Monorepo 컨텐츠

리포는 Lerna를 통해 관리됩니다.

저장소	설명
Mechanic을 생성합니다	기계 프로젝트 골격 제작자.
@Mechanic-Design/CLI	새로운 정비사 프로젝트, 설계 기능 및 구축 앱을 생성하는 명령 줄 도구.
@Mechanic-Design/Core	핵심 기계 기능. Mechanic의 디자인 도구에 사용되고 Mechanic 클래스를 엔진 으로 확장 할 수 있습니다.
@Mechanic-Design/UI 구성 요소	React Component Library는 설계 기능 입력의 입력으로 사용되었습니다.
@Mechanic-Design/Engine-Canvas	HTML 캔버스 API를 사용하여 정적 자산 또는 애니메이션을 렌더링하기위한 기본 Mechanic 클래스를 확장하는 엔진 기능.
@Mechanic-Design/Engine-P5	P5.JS를 사용하여 정적 자산 또는 애니메이션을 렌더링하기위한 기본 Mechanic 클래스를 확장하는 엔진 기능
@Mechanic-Design/Engine-React	기본 Mechanic 클래스를 확장하는 엔진 기능은 SVG를 렌더링하는 React 구성 요소를 사용하여 정적 자산 또는 애니메이션을 렌더링하기위한 것입니다.
@Mechanic-Design/Engine-SVG	기본 Mechanic 클래스를 확장하는 엔진 기능은 SVG 문자열을 통해 구축 된 정적 자산 또는 애니메이션을 렌더링하도록합니다.
@Mechanic-design/utils	다른 정비사 패키지에서 사용하는 범용 CLI 정의.
@Mechanic-design/dsi-logo-maker	DSI의 Identity Logo에 따른 자산 및 애니메이션을 구축하기 위해 Mechanic으로 만든 디자인 도구 프로젝트.

개발

시작하려면이 저장소를 복제하십시오.

그런 다음 npm run bootstrap 실행하십시오. 이렇게하면 모든 종속성을 상징하고 각 패키지 내에서 npm i 실행합니다. 패키지 폴더 내부에서 npm i 실행하면 작동하지 않습니다.

이는 특정 개별 패키지 기능을 테스트하기에 충분하지만 로컬 패키지 버전으로 정비사 프로젝트를 테스트하기 위해 yalc 사용합니다.

npm link NPM 레지스트리에서 설치하여 프로젝트와 같이 패키지 종속성 해상도를 재현하기위한 부족합니다. yalc NPM 레지스트리와 같이 패키지를 로컬로 게시 한 다음 로컬 프로젝트에 사용할 수 있습니다.

이를 위해 먼저 yalc 전 세계적으로 설치하십시오. Repo에 모든 패키지를 게시하려면 npm run publish:local . 개별 패키지를 게시하려면 디렉토리 또는 yalc push ./packages/[package] 에서 yalc push 실행하십시오. 게시 된 콘텐츠를 업데이트하려면 이러한 명령을 실행하십시오.

그런 다음 패키지를 테스트하는 프로젝트에서 종속성을 설치하기 전에 테스트하려는 모든 패키지에 대해 yalc add [package] 실행합니다. 그런 다음 npm i 로 정상적으로 설치하십시오.

다른 요구에 대해서는 yalc 의 문서를 확인하십시오.

게시

npm run publish 실행하십시오