Шаг 1. Загрузите шаблон
1) Загрузите Boilerplate по ссылке выше.
2) Переименуйте папку по своему усмотрению.
3)Откройте терминал
компакт-диск ~/сайты/нана
cd:Изменить каталог.
~:Это начиная с самого корневого каталога
Шаг 2. Установите табличку в терминал.
HomeBrew › Node › npm (Gulp) › npm run
- Установить Homebrew
Homebrew — это менеджер пакетов, из которого вы можете установить Node. Мы можем скачать Homebrew, как показано на скриншоте ниже;
2. Установить узел
brew install node
3. Установите Gulp:Gulp — это диспетчер задач, который вы можете загрузить через npm.
npm install --global gulp-cli
4. Запустить нпм
npm run init
- //npm работает на узле.
npm run dev
Он будет обслуживать страницу на локальном хосте/IP-адресе.
5. Зарегистрировать атом
atom .
Я собираюсь работать с папкой src (исходный код). При глотании он будет компилировать файлы в папку dist.
6. Выберите стиль шрифта
Я не собираюсь использовать импортные шрифты. Я собираюсь использовать лучший способ. Давайте просто изменим эту строку на комментарий.
* Просто дайте вам знать
main.scss
Все начинается с главного. Это виды корня для Sass. В Sass вы можете импортировать другие файлы в main.scss. При глотании он будет компилировать файлы в папку dist.
@import ‘node_modules/normalize.css/normalize’;
Они сказали, что node_modules — это плагин. Что normalize делает, так это фактически сбрасывает все стили по умолчанию. Браузер имеет другой стиль по умолчанию по сравнению с другим браузером; chrome, safari или firefox… Но эта конкретная строка удаляет все стили по умолчанию. Таким образом, мы можем начать с не-стиля. Мы можем создать свой собственный стиль. Не трогайте эту линию.
@import ‘node_modules/sass-easing/_easings’;
Разминка — это вид анимации.
Ссылка на замедление