Рекомендуемые инструменты разработки

Visual Studio Code Google Chrome

Полезные мелочи:

Для запуска отладчика в браузере используется оператор debugger.

Запуск

Данный проект использует webpack-dev-server, для сборки и запуска используйте команду

npm run dev

После первой сборки проект будет автоматически пересобираться после внесения изменений в код и обновлять страницу браузера.

Если используется Visual Studio Code, откройте проект как workspace. В этом случае будет предложено установить рекомендуемые расширения(extensions), так же сборку проекта можно будет вызвать по сочетанию Ctrl+Shift+B.

Размеры и позиционирование элементов

Символ (symbol)

Размер: 125x125 px

Позиционирование (origin): от центра изображения (origin = (0.5, 0.5))