test-start-temp v1.0.0
Я надеюсь, "Чертоги Фрилансера" помогут сєкономить кучу времени и получать удавольствие от разработки :) Спасибо за поддержку бесплатного обучающего контента!
Жека Андриканич (Фрилансер по жизни)
//------------------------------------------------------------------------------
Документация:
//------------------------------------------------------------------------------
Команды терминала
Установка: npm i
Запуск режима разработчика (c запуском сервера) npm run dev
Запуск сборки проекта (без запуска сервера, только финальная сборка) npm run build
Запуск сборки проекта и выгрузка результата на сервер по FTP. (без запуска локальконо сервера) Конфигурация FTP находится в файле config/gulp-settings.js npm run deploy
Запуск сборки проекта и создание zip архива с именем проекта. (без запуска локальконо сервера) npm run zip
Запуск сборки проекта но без создания webp картинок. (без запуска сервера, только финальная сборка) npm run devbuild
Запуск создания SVG спрайта, иконки нужно положить в папку src/svgicons, готовый спрайт появится в папке dist/img/icons/icons.svg (не входит в работу по умолчанию, при необходимости запустить командой) npm run sprite
//------------------------------------------------------------------------------
Основные файлы для работы с шаблоном: js/app.js scss/style.scss
index.html - разводящая страница (содержание) home.html - главная страница файлы html/*.htm - подключаемые части
//------------------------------------------------------------------------------
Используются псевдонимы пути к папкам: @img = src/img @scss = src/scss @js = src/js
Плагин для VS Code - Path Autocomplete Настройки. Нажать в реждакторе F1, найти настройки Settings JSON, добавить код: "path-autocomplete.pathMappings": { "@img": "${folder}/src/img", // псевдоним для папки img "@scss": "${folder}/src/scss", // псевдоним для папки scss "@js": "${folder}/src/js", // псевдоним для папки js }
//------------------------------------------------------------------------------
При возникновении ошибок убедитесь что: 1) У вас установлен Node.js последней версии 2) Терминал открыт с правами администратора 3) В названиях папок на всем пути к проекту нет символа # или ! 4) Папки и файлы должны быть названы латиницей без пробелов 5) Тег img и его содержимое должны быть записаны в одну строку без переносов 6) В атрибуте src должен быть указан путь к существующей картинке
//------------------------------------------------------------------------------
Прочие проблемы и их решения: //----------------------------------- Ошибка node-sass. Решения: npm rebuild node-sass и/или npm install sass gulp-sass --save-dev //----------------------------------- Ошибка Pyton Решени: npm install --global windows-build-tools //------------------------------------------------------------------------------
2 years ago