mimogear
1.0.0
Mimogear 는 정적 사이트 개발을 위한 완벽한 웹 개발 상용구입니다. Mimogear에는 시작하는 데 도움이 되는 Gulp, Sass 및 Pug 상용구가 포함되어 있습니다. 신규 사용자와 전문가 모두 정적 사이트에 대한 확실한 시작으로 편안함을 느낄 것입니다!
gulp
꿀꺽 마시고 건물을 짓기 만하면됩니다!
특징 | 요약 |
---|---|
꿀꺽꿀꺽 상용구 | Gulp는 더 빠른 Sass, Pug 및 js 개발을 위한 환경을 기반으로 컴파일 및 최적화 작업을 지능적으로 처리합니다. |
반응형 Sass 상용구 | 다양한 믹스인, 더 단순한 형태의 BEM, 플랫폼에 구애받지 않는 접근 방식을 갖춘 유연한 Sass 상용구입니다. |
기본 퍼그 템플릿 상용구 | Pug의 압축된 구문, 고도로 구조화된 HTML 템플릿 설정, 마크다운 지원 및 시작 부분을 사용하여 HTML 파일을 더 빠르게 생성하세요. |
선택적 자바스크립트 모듈 | 슬라이드쇼, 라이트박스, 트리거 및 요소를 즉석에서 생성할 수 있는 완전한 선택형 자바스크립트 모듈입니다. |
성능 최적화 | Gulp는 CSS를 축소하고, 자바스크립트를 연결 및 축소하고, 이미지를 최적화하여 성능이 뛰어난 정적 페이지를 생성합니다. |
라이브 리로딩 | 파일을 변경할 때마다 브라우저를 다시 로드합니다. |
장치 간 동기화 | BrowserSync는 보다 빠른 테스트를 위해 여러 장치에서 작업을 동기화합니다. |
스타일 가이드 생성기 | 보다 쉬운 사이트 스타일 지정 및 향후 참조를 위해 핵심 HTML 요소에 대한 페이지가 기본적으로 생성됩니다. |
배포 스타터 키트 | Travis CI 스타터 키트로 사이트를 GitHub 페이지에 배포하고 급증하세요. |
준비가 완료되고 npm을 설정했다면 터미널을 꺼내서 다음 항목을 입력하세요.
git clone https://github.com/mimoduo/mimogear.git
cd mimogear
npm install gulp-cli -g
npm install
gulp
귀하의 사이트는 자동으로 브라우저 창에서 열리고, gulp는 파일을 감시하기 시작하며, Browsersync는 자동으로 변경 사항을 다시 로드합니다. 빛나는 새 웹 개발 상용구를 보려면 /src/를 확인하세요!
모든 설정이 완료되면 문서가 준비됩니다.
Mimogear로 사이트를 구축하고 멋진 사이트를 세상에 보여주고 싶다면 언제든지 끌어오기 요청을 작성하여 아래 목록에 추가하세요 .
제가 Mimogear를 만드는 동안 즐거웠던 만큼 여러분도 Mimogear로 개발하는 것을 즐기시기 바랍니다! 마음에 드셨다면 공유해주세요! 이 정적 사이트 생성기는 내 친구들의 도움이 없었다면 불가능했을 것입니다. 그들은 자신도 모르게 이 모든 측면에 기여해 왔습니다 ^w^ 특히 세계 최고의 멘토가 된 Nick Hall이 가장 주목할 만합니다!