Статья состоит из двух блоков. В первом — порядок настройки сборки, а во втором — типичные ошибки, которые могут встретиться при настройке.
Настройка и первая установка сборки.
1) Установить node.js -> Node.js (Перезапусти ПК)
2) Установить Git -> Git
3) Скачать и установить Open Server -> OpenServer
4) Скачать и установить Composer-setup.exe -> Composer (getcomposer.org) (При установке выбрать путь к файлу php.exe из папки OpenServer и поставить галочку «Записать php.ini в path» Если галочки нет, то по ссылке можно прописать путь к php.ini вручную -> ручная установка) (Перезапустить ПК)
5) Заходим на диск, куда установили OpenServer, в моём случае это — D:OpenServerdomains, в ней создаем папку с новым доменом для проекта — `mysite.loc`
6) В папку `mysite.loc` загрузить содержимое папки, скаченной с github репозитория. https://github.com/Code-Alex-Volkov/gulp-wp
7) Внутри папки mysite.loc, на пустом месте нажимаем пкм и выбираем Git Bash Here. Внутри открывшейся консоли запускаем команду `composer install` (Результатом выполнения этой команды должна стать появившаяся папка `wp` внутри папки `app`)
Полный гайд по NPM для новичков | Как установить, обновить удалить пакеты — настройка NPM для работы
8) Там же, в консоли, запускаем команду `npm install` (В папке `mysite.loc` должна появится папка `node_modules`)
9) Там же, в консоли, запускаем команду `npm install -g gulp` — она установит gulp глобально.
10) Закидываем папку mysite.loc в рабочую область vscode, открываем терминал и запускаем команду `Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser` — Она разрешит vscode работать с gulp.
Дальше запустите OpenServer, в разделе Дополнительно->PhpMyAdmin создайте базу данных (логин и пароль root). В разделе Настройки->Домены в выпадающем списке «Управление доменами» выбирите «Ручное управление». В поле «Имя домена» запишите mysite.loc, а в поле «Папка домена» укажите путь до папки app внутри mysite.loc. Нажмите кнопку добавить.
В папке mysite.loc, в файле gulpfile.js значение переменной `siteUrl` переименуйте в `http://mysite.loc/`
В папке app сделайте дубликат файла `local-config.example.php` и переименуйте его в `local-config.php`. Заполните данные БД (DB_NAME, DB_USER, DB_PASSWORD, DB_HOST)
Пройдите по ссылке в 20-й строке и вставьте ключ в строки 22-29.
В браузере запишите путь к сайту http://mysite.loc и установите WordPress как обычно.
В админке, во вкладке `Настройки` найдёте `Адрес сайта (URL)` — уберите хвостик `/wp` и сохраните изменения. Переключите тему на `Gulp-Theme`.
В папке mysite.loc нажмите пкм и запустите Git Bash Here или воспользуйтесь терминалом vscode и запустите команду `gulp`.
ВСЁ проект запущен.
Если у кого-то не получилось всё сделать и нужна помощь, не стесняйтесь, пишите мне, я помогу разобраться. Разработка новой темы станет намного приятнее.
Если считаете сборку суперполезной и есть чем поделиться, мой счёт ЮMoney: 4100 1169 1435 7408
Имя не распознано как имя командлета
ВАЖНО
Работа со стилями, скриптами и изображениями ведётся в папке `src`
Тема для работы находится по адресу: app/content/theme/gulp-theme
В файле composer.json можно записать список плагинов, который установится по умолчанию при запуске команды `composer install`
Типичные ошибки, которые могут высветиться в консоли при первом запуске этой сборки:
1) php : Имя «php» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. (Нужно записать путь к файлу php.ini -> ручная установка)
2) composer : Имя «composer» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. (Выполнить пункт №4)
3) npm : Имя «npm» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. (Выполнить пункт №1)
4) gulp : Имя «gulp» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. (Выполнить пункт №9)
5) gulp : Невозможно загрузить файл C:UsersmailAppDataRoamingnpmgulp.ps1, так как выполнение сценариев отключено в этой системе. Для получения дополнительных сведений см. about_Execution_Policies по адресу https:/go.microsoft.com/fwlink/?LinkID=135170. (Выполнить пункт №10)
Я не придумывал всё с нуля. Результатом моей работы стал анализ статьи и видеоролика.
Источник: telegra.ph
Не могу подключить npm пакет в visual studio
Проблема такая — консоль полностью не распознает команды в которых есть слово «npm» на ютубе и курсах просто пишут «npm init» И он в миг работает!
Когда же я пишу тоже самое — слово npm подсвечивается желтым и вылазит такая прекрасная ошибочка
-PS C:UsersComputer 1Desktopstart> npm install npm : Имя «npm» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. строка:1 знак:1 npm install CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException FullyQualifiedErrorId : CommandNotFoundException
пробовал уже через ctrl+p , пробовал как то с плагином.
Ответы (2 шт):
npm install
Перевожу с машинного на человеческий: «через менеджер пакетов установить». А что установить. Имя пакета где-то потерялось.
init и install — разные команды.
Сначала проверьте установлен ли node.js Если нет, то установите Но если оно установлено, то попробуйте через Windows PowerShell(администратор) написать это Set-ExecutionPolicy Unrestricted -Scope CurrentUser и потом ответить yes Чтоб найти Windows PowerShell(администратор) для тех кто не может найти, к иконке значка Пуск подводите мышь и нажимаете правую кнопку мыши и появится окно там можете выбрать Windows PowerShell(администратор) Этот метод помог мне исправить такую ошибку
Источник: husl.ru
Не работает npm init в терминале web storm. Как исправить?
npm : Имя «npm» не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также на
личие и правильность пути, после чего повторите попытку.
строка:1 знак:1
+ npm init
+ ~~~
+ CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
- Вопрос задан 17 дек. 2022
- 265 просмотров
1 комментарий
Простой 1 комментарий
А что, не в WebStorm работает?
Обычно это значит, что вы либо забыли установить Node.js вообще либо иногда нужно перезагрузить терминал/комп.
Источник: qna.habr.com