Настройка Stencil CLI для разработки темы BigCommerce

1. Вот как вы устанавливаете Stencil CLI на Mac. Ресурс BigCommerce Dev Center близок к правильному, но у меня возникли некоторые проблемы с установкой NVM. Я думаю, что ресурс предлагает вам установить старую версию. На странице NVM Github есть новая версия, поэтому вместо этого я запустил новую версию.

2. Ниже приведены инструкции по установке. Обратите внимание, как я обозначаю «ИНСТРУКЦИЯ ДЛЯ БОЛЬШОЙ КОММЕРЦИИ» вместо «МОЙ МЕТОД». Во многих случаях они одинаковы, но для нечетной команды я использую другой метод. Если вы видите ярлык «(Не запускать)», используйте «МОЙ МЕТОД» вместо «ИНСТРУКЦИЯ ДЛЯ БОЛЬШОЙ КОММЕРЦИИ».

A. # Установите диспетчер версий узла (nvm)

ИНСТРУКЦИЯ BIGCOMMERCE: (не запускать)

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

МОЙ МЕТОД: Другой / Вместо этого запустил это

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash

Обратите внимание, что NVM устанавливается с этой страницы NVM Github, и у них новая версия (0.36.0 против 0.31.0), поэтому я запускаю новую версию.

Затем я запускаю эту команду для проверки установки:

command -v nvm
returns: nvm 
# nvm is the correct ouput

B. # Установите версию Node.js, поддерживаемую Stencil CLI.

ИНСТРУКЦИЯ BIGCOMMERCE: (не запускать)

nvm install 10.16

МОЙ МЕТОД: Другой / Вместо этого запустил это

nvm install 10.17.0
---------------------------------------------------
Note: in some cases, this error message may occur:
nvm is not compatible with the npm config "prefix" option: currently set to "/usr/local"
Run `npm config delete prefix` or `nvm use --delete-prefix v10.17.0` to unset it.
Make sure your username (blakecronyn) matches the one in your $HOME path.
See the "macOS Troubleshooting" section in the docs for more information.
Consequently, run this command:
nvm use --delete-prefix v10.17.0
return: Now using node v10.17.0 (npm v6.11.3)

Обратите внимание, что приведенная выше команда BC говорит мне установить определенную версию NVM. Тем не менее, я хочу проверить страницу Stencil CLI Github, чтобы узнать, поддерживаются ли другие/более новые версии. Здесь утверждается:

Stencil требует среды выполнения Node.js, поддерживаются версии 10.x и 12.x (рекомендуется). У нас пока нет поддержки версий выше Node 12.

Таким образом, все значения между 10 и 12 подходят, поэтому мы могли использовать 10.16.

Однако, когда я загружаю темы Cornerstone или Hero и запускаю «npm version», он возвращает: «node: ‘10.17.0’». Поэтому я думаю, что буду использовать 10.17.0 (см. следующий шаг).

C. # Переключиться на версию Node.js, поддерживаемую Stencil CLI:

ИНСТРУКЦИЯ BIGCOMMERCE: (не запускать)

nvm use 10.16

МОЙ МЕТОД: Другой / Вместо этого запустил это

nvm use 10.17.0

Обратите внимание, что вместо этого я использую версию 10.17.0.

D. # Установить Stencil CLI