43
Игорь Новак, Школа разработки интерфейсов Редакторы кода

Изучение и редактирование кода

  • Upload
    yandex

  • View
    2.427

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Изучение и редактирование кода

Игорь  Новак,  Школа  разработки  интерфейсов  

Редакторы  кода  

Page 2: Изучение и редактирование кода

Зачем?  

2  

Page 3: Изучение и редактирование кода

3  

github.com/languages  

Page 4: Изучение и редактирование кода

4  

inovak.site44.com/yaru2000  

Page 5: Изучение и редактирование кода

5  

Page 6: Изучение и редактирование кода

Как  выбрать  редактор?  

6  

Page 7: Изучение и редактирование кода

7  

Page 8: Изучение и редактирование кода

 

 

 

 

 

   

 

 

 

 

 

8  

Классификация  редакторов  

Page 9: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

   

 

 

 

 

 

9  

Классификация  редакторов  

Page 10: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

–  окружение  (консоль/графический  интерфейс)    

 

 

 

 

 

10  

Классификация  редакторов  

Page 11: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

–  окружение  (консоль/графический  интерфейс)  –  лицензия  

 

 

 

 

 

11  

Классификация  редакторов  

Page 12: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

–  окружение  (консоль/графический  интерфейс)  –  лицензия  

–  операционная  система  

 

 

 

 

12  

Классификация  редакторов  

Page 13: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

–  окружение  (консоль/графический  интерфейс)  –  лицензия  

–  операционная  система  

–  ресурсоемкость  

 

 

 

13  

Классификация  редакторов  

Page 14: Изучение и редактирование кода

 

 

 

 

–  простой  редактор/среда  разработки  

–  окружение  (консоль/графический  интерфейс)  –  лицензия  

–  операционная  система  

–  ресурсоемкость  

–  подход  к  настройке  

 

 

14  

Классификация  редакторов  

Page 15: Изучение и редактирование кода

15  

Page 16: Изучение и редактирование кода

–  Размер  команды  

 –  Code  style  

 –  Code  review  

 –  Парное  программирование  

–  Технологический  стек  

 –  Поддержка  важных  технологий    –  Поддержка  второстепенных  технологий  

–  Работа  с  удаленным  сервером  

16  

Особенности  разработки  

Page 17: Изучение и редактирование кода

Что  с  этим    дальше  делать?  

17  

Page 18: Изучение и редактирование кода

Настройка  редактора  

18  

Page 19: Изучение и редактирование кода

Сделайте  его  “sexy”  

19  

Page 20: Изучение и редактирование кода

Выложите  настройки  на  github  

20  

Page 21: Изучение и редактирование кода

Хороший  редактор  можно  допиливать  бесконечно  

21  

Page 22: Изучение и редактирование кода

Редактирование  текста  

22  

Page 23: Изучение и редактирование кода

en.wikipedia.org/wiki/Bram_Moolenaar  

23  

Page 24: Изучение и редактирование кода

 0.  Touch  typing  (gtypist)          

24  

Page 25: Изучение и редактирование кода

 0.  Touch  typing  (gtypist)  1.  Передвигайтесь  по  тексту  быстро        

25  

Page 26: Изучение и редактирование кода

 0.  Touch  typing  (gtypist)  1.  Передвигайтесь  по  тексту  быстро  2.  Don’t  repeat  yourself      

26  

Page 27: Изучение и редактирование кода

 0.  Touch  typing  (gtypist)  1.  Передвигайтесь  по  тексту  быстро  2.  Don’t  repeat  yourself  3.  Работа  с  несколькими  файлами    

27  

Page 28: Изучение и редактирование кода

 0.  Touch  typing  (gtypist)  1.  Передвигайтесь  по  тексту  быстро  2.  Don’t  repeat  yourself  3.  Работа  с  несколькими  файлами  4.  Сделайте  это  привычкой  

28  

Page 29: Изучение и редактирование кода

Передвижение  по  файлу  

29  

Page 30: Изучение и редактирование кода

–  переход  по  номеру  строки/символа  

–  переход  в  начало/конец  файла/строки  

–  переход  на  n%  часть  

–  скроллинг  на  пол-­‐экрана/экран  

–  перемещение  курсора  относительно  окна  

–  поиск  по  паттерну/токену  под  курсором  –  переход  к  символу  

–  переход  по  меткам  

–  движение  по  абзацам,  предложениям,  словам  

 

 

 

30  

Page 31: Изучение и редактирование кода

–  переход  по  номеру  строки/символа  

–  переход  в  начало/конец  файла/строки  

–  переход  на  n%  часть  

–  скроллинг  на  пол-­‐экрана/экран  

–  перемещение  курсора  относительно  окна  

–  поиск  по  паттерну/токену  под  курсором  –  переход  к  символу  

–  переход  по  меткам  

–  движение  по  абзацам,  предложениям,  словам  

–  по  секциям  

–  по  тегам  

–  по  конструкциям  кода  (блоки,  фолдинг  etc)  

31  

Page 32: Изучение и редактирование кода

 

 

 

–  выделение  по  переходам  

–  внутри  кавычек  

–  внутри  скобок  –  внутри  предложений,  абзацев  

–  внутри  тегов  

–  внутри  синтаксических  конструкций  

–  выделение  блока  

32  

Выделение  текста  

Page 33: Изучение и редактирование кода

 

 

 

–  редактирование  

–  удаление  (и  вставка)  

–  отступ  –  окружение  кавычками/скобками  

–  комментирование  

–  форматирование  

–  global  ex  

33  

Работа  с  выделенным  текстом  

Page 34: Изучение и редактирование кода

 

 

 

 

–  повторение  простой  операции  

–  повторение  составной  операции  (макрос)  –  global  ex  

–  команды  

–  автодополнение  по  паттерну  (токен/строка)  

–  плагины  

–  темплейты,  сниппеты  

 

34  

Автоматизация  

Page 35: Изучение и редактирование кода

 

 

 

 

–  открыть  несколько  файлов  

–  открыть  дерево  файлов  –  открыть  файл  под  курсором  

–  найти  файл  в  проекте  по  имени  

–  открыть  буфер  

–  табы/сплиты  

–  diff  

–  создать,  переименовать,  удалить  файл  

35  

Работа  с  несколькими  файлами  

Page 36: Изучение и редактирование кода

 

 

 

 

–  grep  

–  ack  –  ag  

 

 

 

 

 

36  

Поиск  по  коду  в  проекте  

Page 37: Изучение и редактирование кода

37  

Системы  контроля  версий  

Page 38: Изучение и редактирование кода

38  

SSH,  tmux  

Page 39: Изучение и редактирование кода

 

 

 

 

 

 –  редактирование  настроек  внешнего  вида,  мапов,  

отображения  текста,  whatever  

–  редактирование  сниппетов,  макросов,  команд  

–  добавление/обновление/удаление  плагинов  

–  импорт/экспорт  

 

 

 

 

 39  

Управление  плагинами,  настройками  

Page 40: Изучение и редактирование кода

Intellisense  

40  

Компилятор  

REPL  Spellchecker  

Поддержка  мультиязычности  

Большие  файлы  

Бинарные  файлы  

Поддержка  рефакторинга  

Live  reload  

Page 41: Изучение и редактирование кода

41  

Дальше  не  придумали      импровизируй  

Page 42: Изучение и редактирование кода

42  

openvim.com  

clck.ru/4h4nk  –  скринкасты  

github.com/ignovak/vimrc  

Ссылки  

Page 43: Изучение и редактирование кода

 

vorian@yandex-­‐team.ru  

   

Игорь  Новак