2016-08-06 2 views
4

Shopify 테마로 작업하겠습니다. 로컬로 실행/편집하는 방법을 알고 싶습니다. 나는 가능하면, 다음에 할 수 싶습니다Shopify 테마를 로컬에서 개발하는 방법은 무엇입니까?

  1. 내 로컬 컴퓨터에 사이트의 모든 Shopify 테마 코드를 당겨 (이상적으로 단일 명령 줄 도구)
  2. 만들기 로컬 편집 및 실행 그 로컬 또는
  3. 주 Shopify 사이트에 모든 편집을 밀어 스테이징 환경에서 다시 명령 줄 도구

을이 모든 가능한되어 사용하고 계십니까?

답변

9

가 있습니다 매우 여기에서 사용할 수있는 몇 가지 워크 플로가 있습니다.

0 Shopify 슬레이트 (새가!)

슬레이트 Shopify 테마 개발을위한 테마 비계 및 명령 줄 도구입니다. 개발 워크 플로우를 지원하고 상점을 Shopify에 개발, 테스트 및 배치하는 프로세스의 속도를 높이기 위해 설계되었습니다.

이는 Shopify 팀이 잠시 동안 작업 부드러운 월 2017 년의 23 주위에 공개적으로 출시 된 테마를 개발하기위한 새로운 방법은 Shopify 작업의 현재 가장 완벽하고 능숙 방법이 될 것 같습니다 . 당신이 개발 로컬 꿀꺽 또는 그런트를 사용하는 경우

https://shopify.github.io/slate/

1. 태스크 라이브러리는 거기에 개인 앱의 API 자격 증명을 통해 저장소에 파일을 업로드 것이다있다,

주자 당신이 만들어야 만합니다. 대부분의 경우 감시자를 사용하여 변경 한 파일을 업로드하여 작동합니다.

  • grunt-shopify-upload
  • gulp-shopify-upload
  • grunt-shopify
    1. (나는 꿀꺽를 사용하지만 때로는 파일 업로드를 중단 알려진 문제가 있고 당신이 그것을 다시 시작해야하기 때문에 내 마음에 드는입니다).

    2. 공식 Shopify 테마 키트

    테마 키트는 Shopify 직원에 의해 만들어진 크로스 플랫폼 CLI 도구입니다. Windows/Linux/OS X에서 실행할 수 있습니다. on Shopify Blog 또는 download it directly에 대한 자세한 내용을 볼 수 있습니다. 데스크탑 테마 편집기에 대해 이전에 언급 된 대안은 더 이상 사용되지 않으며 테마 키트로 대체되었습니다.

    3.타사 SaaS 응용 프로그램

    변경 사항을 보지 않고 지속성 통합 워크 플로를 사용하면 특정 지사의 최신 푸시가 선택한 테마로 업로드됩니다.

    1. Beanstalk. 더 구체적인 정보는 Shopify 방문 페이지 here에서 찾을 수 있습니다.
    2. DeployBot. Shopify의 help article에는 시작하는 방법에 대한 정보가 있습니다. 두 옵션은 모두 같은 회사의 옵션입니다. Here's 두 사람의 블로그를 비교했습니다. 또한 경우에 의 TextMate 번들입니다 an alternative not officially supported by Shopify있다

    4. 타사 라이브러리

    1. 당신은 OSX 편집기 것을 사용합니다.
    2. 테마 키트와 비슷한 비공식 확장 cli가 있지만 Quickshot이라는 추가 기능이 있습니다. Matt의 응답을 토대로 알아 냈으며 꽤 멋진 것 같습니다. 그들이 강조하는 기능 중 일부는 다음과 같습니다

      • 여러 Shopify 상점과 테마에 업로드를 지원
      • 로컬하기 전에하는 SCS를 autocompiling 지원
      • 쉬운 구성 마법사를 사용하는
      • 업로드/병렬 다운로드가 크게 감소 전송 시간 Shopify에 업로드
      • Babel/ES6을 Requirejs 등이 쉽게 사용할 수있는 모듈로 자동 컴파일을 지원합니다.
      • .gitignore 파일 또는 custom .quickshotignore 파일.
      • Shopify 블로그, 페이지 및 제품을 다운로드하거나 업로드 할 수 있습니다! 상점 간 쉽게 이전하십시오! 심지어 metafields! 그리고 좋아하는 편집기에서 로컬로 편집하십시오.
    +0

    Git과 통합하기 가장 쉬운 도구는 무엇입니까? – ADTC

    0

    후안의 대답에 자리입니다.

    나는 (내가 사용하는) Quickshot라는 좀 더 고급 Themekit보다 믿고있는 내가 알고 하나 더있다 : 최근 슬레이트, 테마 개발을위한 새로운 도구를 발표 https://quickshot.readme.io/v2.1/docs

    +0

    이것은 이론적으로 질문에 대답 할 수 있지만 여기에서 링크의 대답의 핵심 부분을 포함하고 참조 용 링크를 제공하는 것이 바람직합니다 (// meta.stackoverflow.com/q/8259). –

    +0

    공유해 주셔서 감사합니다. 강조 표시된 기능을 추가했습니다. 유용하게 보입니다! –

    0

    .. 명령에 의해 상태 패키지를 설치

    NPM/슬레이트 -g @ shopify를 설치

    슬레이트 테마 테마 이름

    0

    당신이 경우 완전히 오프라인으로 개발하고 싶지만, 현재로서는 불행히도 불가능합니다. Slate/ThemeKit CLI를 사용하면 좋아하는 텍스트 편집기에서 코드를 작성할 수 있지만 모든 항목을 항상 동기화 상태로 유지하기를 원하기 때문에 인터넷 연결이 여전히 필요합니다.

    관련 문제