- Git – erforderlich f\u00fcr die Ausf\u00fchrung von npm install<\/a><\/li>
- Node.js 18.15.0 und npm<\/a><\/li><\/ul>\n\n\n\n
Um diese Abh\u00e4ngigkeiten herunterzuladen. Und dann, Setup Schablone f\u00fcr Thema Entwicklung lokal folgen Sie den Schritten unten: –<\/p>\n\n\n\n
Schritt 1:<\/strong> Besuchen Sie die Git<\/a>-Website und laden Sie Git auf Ihr System herunter, indem Sie auf die Schaltfl\u00e4che \u201eDownload\u201c klicken.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Git-Downloads-980x564.png\")
<\/figure>\n\n\n\nSchritt 2: <\/strong>W\u00e4hlen Sie nun die Version Ihres Systems aus, laden Sie sie herunter und installieren Sie sie.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/versionOfGit-980x562.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Schritt 3:<\/strong> Nach der Installation von Git. Dann laden Sie node.js herunter, indem Sie auf die Schaltfl\u00e4che downloads klicken.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Previous-Releases-Node-js-980x396.png\")
<\/figure>\n\n\n\nSchritt 4: <\/strong>W\u00e4hlen Sie die neueste oder empfohlene Version aus, laden Sie sie herunter und installieren Sie sie auf Ihrem System.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Download-Node-js-980x392.png\")
<\/figure>\n\n\n\nSchritt 5:<\/strong> Schlie\u00dflich werden sie installiert und konfiguriert, und dann verwenden Sie npm, um Stencil CLI \u00fcber das Terminal zu installieren.<\/p>\n\n\n\n
npm install -g @bigcommerce\/stencil-cli<\/code><\/pre>\n\n\n\nMethode 2: Installation mit Chocolatey<\/h3>\n\n\n\n
Wenn Sie einen reibungslosen Installationsprozess bevorzugen. Dann k\u00f6nnen Sie den Chocolatey-Paketmanager verwenden, um die Abh\u00e4ngigkeiten von stencil CLI zu installieren. \u00d6ffnen Sie dazu PowerShell als Administrator und f\u00fchren Sie die folgenden Befehle aus:<\/p>\n\n\n\n
# Installieren Sie Chocolatey\niex ((New-Object System.Net.WebClient).DownloadString(\"https:\/\/chocolatey.org\/install.ps1\"))\n \n# Installieren Sie git, wenn Sie es noch nicht haben\nchoco install git\n \n# Installieren Sie nvm windows und stencil-kompatible node.js\nchoco install nvm; nvm install 18.15.0; nvm use 18.15.0\n \n# Stencil CLI installieren\nnpm install -g @bigcommerce\/stencil-cli<\/code><\/pre>\n\n\n\nSchablone auf Mac einrichten:<\/h2>\n\n\n\n
Um Stencil f\u00fcr die Themenentwicklung auf dem Mac einzurichten, f\u00fchren Sie die folgenden Befehle aus:<\/p>\n\n\n\n
# F\u00fcr ARM-basierte Macs\narch -x86_64 \/bin\/zsh\n \n# Node Version Manager(nvm) installieren\ncurl -o- https:\/\/raw.githubusercontent.com\/creationix\/nvm\/v0.31.0\/install.sh | bash\n \n# Installieren Sie die von Stencil CLI unterst\u00fctzte Version von Node.js\nnvm install 18.15.0\n \n# Wechseln Sie dann zu einer von Stencil CLI unterst\u00fctzten Version von Node.js:\nnvm use 18.15.0\n \n# Schlie\u00dflich installieren Sie Stencil CLI\nnpm install -g @bigcommerce\/stencil-cli<\/code><\/pre>\n\n\n\nStencil unter Linux einrichten:<\/h2>\n\n\n\n
Erforderliche Abh\u00e4ngigkeiten:<\/h3>\n\n\n\n
- g++<\/li>
- Libsass<\/a><\/li>
- git<\/li><\/ul>\n\n\n\n
Danach installieren Sie die erforderlichen Abh\u00e4ngigkeiten. Installieren Sie dann stencil CLI und die Abh\u00e4ngigkeiten auf Debian-basierten Distributionen. \u00d6ffnen Sie ein Terminal und f\u00fchren Sie dann die folgenden Befehle aus:<\/p>\n\n\n\n
# Laden Sie nvm herunter, falls Sie es noch nicht haben, und installieren Sie es.\ncurl -o- https:\/\/raw.githubusercontent.com\/nvm-sh\/nvm\/v0.36.0\/install.sh | bash\n \n# .bashrc neu laden, damit der nvm-Befehl funktioniert\nsource ~\/.bashrc\n \n# Einfache Installation und anschlie\u00dfende Verwendung der unterst\u00fctzten Node-Version\nnvm install 18.15.0\n \n# Wechseln Sie dann zu einer von Stencil CLI unterst\u00fctzten Version von Node.js\nnvm use 18.15.0\n \n# Schlie\u00dflich installieren Sie die Schablone\nnpm install -g @bigcommerce\/stencil-cli\n<\/code><\/pre>\n\n\n\nLive zur Vorschau eines Themas:<\/p>\n\n\n\n
Installieren Sie anschlie\u00dfend die Schablone auf Ihrem Rechner. Laden Sie dann das Thema herunter und befolgen Sie diese Befehle, um die Vorschau des Themas zu aktivieren.<\/p>\n\n\n\n
# Wechseln Sie zun\u00e4chst in das Themenverzeichnis\ncd~\/path\/to\/theme\/dir\n\n# Und dann, zweite Installation von Themenmodulen\nnpm installieren\n\n# Drittens: Initialisieren Sie eine neue .Stencil-Konfiguration f\u00fcr das Thema und f\u00fcgen Sie die Url des Shops und\n# API-Zugangs-Token\nSchablonen-Init\n\n# Abschlie\u00dfend k\u00f6nnen Sie eine Live-Vorschau des Themas mit Browsersynchronisation anzeigen\nstencil start\n<\/code><\/pre>\n\n\n\nSchlussfolgerung<\/h3>\n\n\n\n
Fehler in der Ausf\u00fchrungspolitik<\/a><\/h4>\n\n\n\n
If you receive an execution policy error. While trying to install chocolatey, refer to Dokumentation von Microsoft<\/a>.<\/p>\n\n\n\n
Schokoladige Installationsalternativen<\/a><\/h4>\n\n\n\n
Weitere Einzelheiten zur Installation von chocolatey und alternative Installationsoptionen finden Sie auf der Installationsseite auf chocolatey.org.<\/a><\/p>\n\n\n\n
Bitte kontaktieren Sie uns unter manish@bay20.com<\/a> oder rufen Sie uns unter+91-8800519180<\/a> an, wenn Sie Unterst\u00fctzung in Bezug auf Bigcommerce ben\u00f6tigen. Sie k\u00f6nnen auch die Bigcommerce-Entwicklungsseite<\/a> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
Setup stencil for theme development on your machine gives, the developer the power to edit and preview the theme locally without any impact on the main live storefront. Its built-in capabilities makes easier testing across the desktop, mobile, and tablet devices a breeze.<\/p>\n","protected":false},"author":90,"featured_media":12942,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,85,84],"tags":[],"class_list":["post-12905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bigcommerce","category-bigcommerce-stencil","category-bigcommerce-lehrgang"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/90"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=12905"}],"version-history":[{"count":19,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12905\/revisions"}],"predecessor-version":[{"id":17063,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12905\/revisions\/17063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/12942"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=12905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=12905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=12905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- git<\/li><\/ul>\n\n\n\n
- Node.js 18.15.0 und npm<\/a><\/li><\/ul>\n\n\n\n