2016-08-06 21 views
4

私はShopifyテーマを扱うつもりです。ローカルでの実行/編集方法を理解したいと思います。私は、可能な場合は、次のことができるようにしたいと思います:Shopifyテーマをローカルに開発するには?

  1. は、ローカルに編集を行い
  2. 私のローカルコンピュータ(理想的には、単一のコマンドラインツール)へのサイトからのすべてのShopifyテーマコードを引き出し、そして実行それらは、ローカルまたはステージング環境
  3. にメインShopifyサイトへのすべての編集を押して、再度コマンドラインツール

を使用すると、これがすべてで可能ですか?

答えて

9

をローカルに自分のテーマを開発することができますMac用のツールを構築し、お店https://apps.shopify.com/desktop-theme-editor

と同期していますここで使用できるワークフローはいくつかあります。

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彼らは両方のブログを比較しました。

    4.サードパーティのライブラリ

    1. an alternative not officially supported by ShopifyはOSXエディタことをお使いの場合にはTextMateのバンドルであるにもあります。
    2. テーマキットに似た非公式拡張cliがありますが、Quickshotと呼ばれる機能が追加されていますが、これはMattのレスポンスに基づいており、非常に素晴らしいようです。彼らはハイライト機能のいくつかは以下のとおりです。

      • は並列に
      • アップロード/ダウンロードが大幅に
      • 転送時間を減らす構成ウィザードを使用する
      • 複数Shopify店やテーマに簡単にアップロードをサポートする前にローカルでSCSSをautocompilingサポートShopifyへのアップロード
      • Babel/ES6の自動コンパイルをRequirejsなどで簡単に使用できるモジュールにすることができます。
      • .gitignoreファイルまたはカスタム.quickshotignoreファイル。
      • Shopifyのブログ、ページ、製品をダウンロード/アップロードできます!ストア間で簡単に転送!メタファイルさえ!また、お気に入りのエディタでローカルに編集します。
    +0

    Gitと統合するにはどのツールが最も簡単でしょうか? – ADTC

    0

    ShopifyはかなりありますなどのI/Linuxのウィンドウの何も知らない

    0

    フアンの答えはスポット上にあります。

    私はThemekitより少し高度であると考えているの私が知っている1以上はありますが(私が使用している)クイックショットと呼ばれる:https://quickshot.readme.io/v2.1/docs

    +0

    これは理論的に質問に答えるかもしれませんが、リンクからの答えの本質的な部分を含め、参照のためのリンクを提供することが望ましいでしょう(// meta.stackoverflow.com/q/8259)。 –

    +0

    共有いただきありがとうございます。ハイライトした機能を追加しました。本当に便利ですね! –

    0

    ...コマンドによって状態パッケージをインストール

    NPM /スレート-g @ shopifyをインストール

    スレートテーマテーマ名

    0

    あなたがしている場合完全にオフラインでの開発を探しているが、残念ながら現時点では不可能です。 Slate/ThemeKit CLIを使用すると、お気に入りのテキストエディタでコードを記述することができますが、すべてを常に同期させることができるため、インターネット接続が必要です。

    関連する問題