Начинаем работу с проектом - NashaLeptaChallenge/nasha_lepta GitHub Wiki
- Установите WebStorm https://www.jetbrains.com/webstorm/download/#section=windows-version
- Скачайте через WebStorm, свой личный форкнутый репозиторий nasha_lepta.
- Сделайте коммит с упоминанием «Fixes #1» в сообщении коммита.
- Удостоверьтесь, что #1 содержит Ваш коммит.
- Видео обзор по возможностям WebStorm в работе с git - https://youtu.be/Hu_UFMKoKYs, общий обзор возможностей: https://www.youtube.com/watch?v=e67BY0y-XlA
Данный проект использует Bower, Grunt, Yeoman Вот две краткие статьи по данным технологиям: https://www.dotnetcodegeeks.com/2015/10/node-grunt-bower-and-yeoman-a-modern-web-devs-toolkit.html http://getinstance.info/articles/tools/how-to-use-yeoman-to-scaffold-your-next-web-app/
Видеообзор всех трех инструментов вместе тут - https://vk.com/video-27430532_171554412?list=22ceb2c1ed1154e8da
Хотелось бы добавить, что в Webstorm мне удобно работать с command line через вкладку Terminal, если у Вас недоступны вкладки: View - Toolbar + View - Tool buttons.
Альтернатива в Windows – Git bash, можно из просмотра папки сразу открыть command line правой клавишей мыши.
-
Уcтановите на свою компьютер node.js
-
С помощью npm установите yeoman, bower, grunt.
-
Из терминала добавьте зависимости проекта: npm install Что изменилось в структуре папок? Как Webstorm помогает быстро найти отличия? Потом bower install. Обе таски займут в порядке времени. Проследите за изменениями после второй команды.
-
Добавьте chrome plugin Live reload (поможет Grunt обновить страницу, если вы хочете видеть свои изменения на лету) https://chrome.google.com/webstore/detail/jnihajbhpnppcggbcgedagnkighmdlei
-
Добавьте JetBrains IDE support plugin - https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji , поможет дебажить JavaScript код на лету.
Видеообзоры по данным шагам:
Уставнока билдеров -
Установка зависимостей проекта -
FAQ по данным вопросам тут - https://github.com/NashaLeptaChallenge/nasha_lepta/issues/4