Повышение продуктивности разработчиков с помощью Visual Studio Team Foundation Server 2013



Скачать 149.87 Kb.
Дата16.02.2018
Размер149.87 Kb.
#12839
ТипЛабораторная работа

Лабораторная работа


Повышение продуктивности разработчиков с помощью Visual Studio Team Foundation Server 2013


Lab version: 12.0.21005.1

Last updated: 12/18/2013


c:\users\jcisneros.sw\desktop\new dpe logo\full_blue.png

содержание


Резюме 3

Упражнение 1: Обзор Team Explorer 4

Упражнение 2: My Work 9

Упражнение 3: Local Workspaces 13

Упражнение 4: Pending Changes 21

Упражнение 5: Suspend и Resume, Code Reviews 25

Упражнение 6: Merging 45

Резюме

Из этой лабораторной работы вы узнаете о функциях Visual Studio и Team Foundation Server 2013, повышающих продуктивность разработчиков при написании кода и взаимодействии с другими членами команды. Вы узнаете об интегрированных инспекциях кода, управлении активными задачами с помощью My Work, о том, как Visual Studio помогает сфокусироваться на задачах с помощью suspend/resume, как комфортно работать оффлайн, как работает новое слияние и как легко находить рабочие задачи.

Prerequisites


Для выполнения лабораторной работы вам понадобится виртуальная машина с Visual Studio 2013. Подробнее про то, где загрузить и как ее использовать, здесь.

О компании Fabrikam Fiber


Эти лабораторные работы в качестве основы для сценариев, о которых вы узнаете в процессе, оперируют несуществующей компанией Fabrikam Fiber. Fabrikam Fiber занимается кабельным телевидением и сопутствующими сервисами в США. Компания быстро растет и уже начала использовать Microsoft Azure для того, чтобы масштабировать свой веб-сайт для обслуживания их запросов и отслеживания деятельности инженеров. Компания использует локальное приложение ASP.NET MVC для управления заказами клиентов.

В этих лабораторных работах вы изучите сценарии, включенные в рабочий процесс команды разработки и тестирования Fabrikam Fiber. Команда, состоящая из 8-10 человек, решила использовать средства управления жизненным циклом проектов Visual Studio 2013 для того, чтобы контролировать программный код, выполнять сборки, тестировать веб-сайты, планировать и отслеживать происходящее с проектом.




Упражнения


Эта лабораторная работа включает в себя следующие упражнения:

Обзор Team Explorer

My Work

Local Workspaces



Pending Changes

Suspend and Resume, Code Reviews

Слияние

Примерное время выполнения лабораторной работы: 60 минут.



Упражнение 1: Обзор Team Explorer

В этом упражнении вы изучите изменения в Team Explorer. Team Explorer – это основной способ получить доступ к функциональности Team Foundation Server из Visual Studio.

Войдите под аккаунтом Julia Ilyiana (VSALM\Julia). Пароль: P2ssw0rd.

Запустите Visual Studio 2013.

Изучите Team ExplorerHome. Опции здесь похожи на те, что были в предыдущих версиях Team Explorer, добавилась существенная степень интеграции Pending Changes и список решений для выбранного командного проекта.



Изображение

Team Explorer – Home

Примечание: в последних версиях Visual Studio были сделаны улучшения производительности, много задач теперь выполняется асинхронно или по запросу. Новый Team Explorer – хороший пример, он загружается очень быстро. Данные с сервера в Team Explorer запрашиваются по мере обращения к конкретным разделам.

Переходы к разным разделам нового Team Explorer похожи на веб-страницу – вы нажимаете на ссылку и переходите на страницу, или на кнопку «Назад» для возврата на предыдущую страницу.





Изображение

Элементы управления Team Explorer

Нажмите на Work Items.





Изображение

Work Items

Work Items показывает запросы, добавленные в закладки, для текущего пользователя и команды, с возможностью добавить новые запросы и рабочие задачи.



Изображение

Work Items показывает все запросы

Нажмите на кнопку «Назад».





Изображение

Кнопка «Назад»

Нажмите на Source Control Explorer .





Изображение

Source Control Explorer



Изображение

Source Control Explorer

Нажмите на Settings для обзора настроек командного проекта и коллекций.





Изображение

Настройки



Изображение

Team Explorer - настройки

Нажмите на кнопку «Назад» для возврата на главную страницу.

Нажмите на Builds.



Изображение

Builds



Изображение

Builds показывает определения сборок и прошедшие сборки

Упражнение 2: My Work

В этом упражнении вы изучите My Work, позволяющую управлять активными задачами.

В Team Explorer - Home нажмите на My Work.





Изображение

My Work

My Work показывает рабочие задачи, над которыми идет работа, доступные задачи, и поставленную на паузу работу для текущего пользователя. Здесь используется модель разработки на основе задач для того, чтобы помочь членам команды быть в синхронизации друг с другом.



Изображение

My Work

Нажмите на Open Query в Available Work Items.





Изображение

Open Query

Нажмите на Edit Query.





Изображение

Просмотр определения запроса Available Work Items



Изображение

Условия запроса для запроса Available Work Items

Примечание: предлагаемые типы рабочих задач и то, ложатся ли они в концепцию My Work, зависят от шаблона процесса. В Scrum включаются задачи.

Закройте окно запроса без сохранения изменений.

В My Work нажмите правой кнопкой на на объекте “Write code to get GPS location…” и выберите Add to In Progress. Это сообщит команде о текущем статусе задачи.





Изображение

Изменение статуса задачи



Изображение

Изменение статуса задачи

Упражнение 3: Local Workspaces

В этом упражнении вы изучите концепцию Local Workspaces и то, как она улучшает процесс оффлайн-разработки.

В Team ExplorerHome, нажмите два раза на первом решении FabrikamFiber.CallCenter.sln.



Изображение

Решение Fabrikam Fiber

До Team Foundation Server 2012 операции производились эксклюзивно на сервере, и оффлайн-работа часто проходила с затруднениями. Для улучшения процесса для маленьких команд и проектов была представлена концепция Local Workspaces, предлагающая подход, более ориентированный на сторону клиента, со стилем контроля версий Modify-Merge-Commit. Рабочие пространства на стороне сервера, подходящие для больших проектов, также можно использовать при необходимости.

Введите в Quick Launch значение ‘workspaces.



Изображение

Поле Quick Launch

Примечание: Это поле, впервые появившееся в Visual Studio 2012, может сэкономить вам время за счет отсутствия необходимости искать команды и утилиты вручную. Можно также использовать CTRL+Q.

Нажмите на Workspaces….





Изображение

Кнопка Workspaces

В Manage Workspaces нажмите на Add….





Изображение

Кнопка Add

В Add Workspace нажмите на Advanced.





Изображение

Кнопка Advanced

По умолчанию новые пространства используют подход Local Workspaces, но вы можете выбрать в Location пространство на сервере.





Изображение

Выбор между локальным и серверным пространством

Нажмите два раза Escape.

В Solution Explorer разверните в проекте FabrikamFiber.Web папку Content.



Изображение

Папка Content в проекте FabrikamFiber.Web project

Нажмите один раз на fullcalendar.css. Файл загружается в CSS Source Editor, как и ожидалось, но вкладка показывается справа – этот новый тип вкладок называется превью – при этом, если вы будете нажимать один раз или переходить между файлами с помощью кнопок, содержимое превью будет меняться на содержимое выбранного файла.



Изображение

Превью

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

Внесите изменение в файл. Visual Studio определит, что файл был изменен, но изменение было сделано только локально – другие члены команды не увидят, что вы работали над этим файлом.





Изображение

Visual Studio определяет, что в файл были внесены изменения

Два больших преимущества локальных пространств – сценарий оффлайн-разработки был значительно улучшен, также теперь проще использовать внешние инструменты для работы с файлами. Симулируем оффлайн-разработку, остановив сайт Team Foundation Server в IIS.

Откройте Internet Information Services (IIS) Manager.

В VSALM - Sites нажмите на Team Foundation Server.

В Actions нажмите на Stop.



Изображение

Остановка Team Foundation Server

В Visual Studio откройте Source Control Explorer и нажмите на кнопку обновления. Вам будет показано, что вы в состоянии disconnected.





Изображение

Source Control Explorer в состоянии disconnected

Нажмите правой кнопкой на папке Content и нажмите на Open Folder in File Explorer.



Изображение

Кнопка open folder in Explorer

Добавьте новый файл в папку, нажав правой кнопкой на пространстве в окне и выбрав New | Text Document. Файл оставьте пустым.





Изображение

Создание файла

В Explorer нажмите правой кнопкой на Site.css и выберите Open With | Notepad.

В Notepad измените цвет ‘body’ на ‘red’.



Изображение

Редактирование файла в Notepad

Сохраните и закройте файл. Visual Studio определила изменения в файле и файл не имеет права только на чтение, как было бы в случае пространства на сервере.





Изображение

Visual Studio показывает, что файл был изменен

Упражнение 4: Pending Changes

В этом упражнении вы узнаете о функции Pending Changes в Team Explorer.

В Team Explorer - Home нажмите на Pending Changes .





Изображение

Pending Changes

Примечание: не обращайте внимания на ошибку Unable To Connect to the remote server.

В Pending Changes мы видим внесенные ранее изменения в файлы в секции Included Changes.





Изображение

Pending Changes

В Excluded Changes есть изменение, которое не было помечено как нужное для чекина. Нажмите на Detected.





Изображение

Изменения

В Promote Candidate Changes видно добавление нового файла. Нажмите на Promote.





Изображение

Изменения

Теперь все три изменения должны быть включены в чекин.





Изображение

Изменения

Мы можем продолжить оффлайн-работу, но кнопку Check In не работает.





Изображение

Чекин сделать нельзя, пока оффлайн

В Internet Information Services (IIS) Manager нажмите на Team Foundation Server и нажмите на Start в Actions.





Изображение

Запуск Team Foundation Server

В Visual Studio нажмите на кнопку обновления в Team Explorer – Pending Changes. Кнопка Check In должна стать активной, но пока не нажимайте ее.





Изображение

Обновление окна Pending Changes для подключения к Team Foundation Server

Упражнение 5: Suspend и Resume, Code Reviews

В этом упражнении вы узнаете о функциях приостановки и возобновления работы с рабочими задачами и инспекцией кода.

Переключение между разными задачами - частая проблема для разработчика. В предыдущих версиях Team Foundation Server это решалось Shelvesets, сохраняющих изменения на сервере даже если они не были зачекинены, в Team Foundation Server 2012 же была добавлена новая функциональность – приостановки и возобновления – в добавление к изменениям локально сохраняются также точки прерывания и координаты окон.

Откройте My Work в Team Explorer – работа все еще в прогрессе.



Изображение

My Work

Предположим, что у нас открыто окно отладчика и поставлена точка прерывания. Нажмите два раза на HomeController.cs в FabrikamFiber.Web | Controllers и добавьте точку прерывания на первую строку HomeController.



Изображение



Установка точки прерывания

Откройте Immediate в Debug | Windows | Immediate.

Начальник сказал прекратить работать над текущей задачей и работать над другой, более важной. Мы много времени потратили на настройку инструментов и хотели бы вернуться в тот же контекст, когда вторая задача будет решена.

Press Ctrl+Shift+S.

В Team Explorer - My Work нажмите на Suspend.



Изображение

Приостановка работы

Очистите точки прерывания, нажав Ctrl+Shift+F9.





Изображение

Удаление точек прерывания

Закройте все документы, нажав Window | Close All Documents.

Верните интерфейс в исходное состояние, нажав Window | Reset Window Layout.



Изображение

Восстановление исходного состояния интерфейсе

Сейчас работа должна находиться в приостановленном состоянии в Suspended Work в My Work.





Изображение

Приостановленная работа в My Work

В верхней части окна находится поле для поиска в выбранном проекте. Введите туда “Canadian” и нажмите Enter для поиска бага, который нам сказали исправить.





Изображение

Поиск

Примечание: поиск производится по полям Title, Description и Repro Steps по умолчанию. Другие поля можно добавить, нажав на иконку стрелки.



Нажмите два раза на на баге “Customers with Canadian addresses not displaying properly”.



Изображение

Баг

Нажмите на Tasks для просмотра связанных рабочих задач. Показывается две задачи.





Изображение

Просмотр задач

Предположим, другие разработчики уже занимаются этими задачами, но мы знаем о другой проблеме, относящейся к основному багу. Нажмите на New в Tasks для создания задачи.





Изображение

Создания задачи

Введите в Link Type значение Child, в Work Item Type значение Task, в Title значение “Fix RegEx for Zip code property” и нажмите на OK.





Изображение

Создание задачи

Назначьте ответственной за задачу Julia и нажмите на Save Work Item.





Изображение

Назначение ответственного за задачу

В Team Explorer – My Work в секции Available Work Items появилась новая задача.





Изображение

My Work

Нажмите правой кнопкой наFix RegEx for Zip code property” и нажмите на Add to In Progress.

В Solution Explorer откройте FabrikamFiber.DAL\Models\Address.cs. Свойство Address.Zip имеет некорректное регулярное выражение, приводящее к тому, что пользователи могут вводить неправильное значение почтового индекса.





Изображение

Баг в исходном коде

Закомментируйте атрибут и раскомментируйте атрибут, который был закомментирован.





Изображение

Исправленный баг

Нажмите Ctrl+S.

Попросим Brian выполнить инспекцию кода, чтобы убедиться, что все корректно. В Team Explorer - My Work нажмите на Request Review.



Изображение

Кнопка Request Review

Введите Brian Harry и нажмите Enter, введите “please check my regular expression change” и нажмите на Submit Request.





Изображение

Настройка запроса на инспекцию кода

Войдите под Brian Harry для выполнения инспекции кода, пароль P2ssw0rd.

Запустите Visual Studio 2013, откройте Team Explorer - My Work. Вам будет виден запрос на инспекцию кода в секции Code Reviews. Отфильтруйте по Incoming Requests.



Изображение

Code Reviews в My Work

Нажмите два раза на запросе. Открывшееся окно дает доступ к большому количеству информации о запросе, чтобы исполнитель мог определить, принять или отказаться от задачи. Исполнитель видит изменения, других исполнителей, может добавлять исполнителей, видеть связанные рабочие задачи, комментировать и т.д.



Изображение

Code Review

В Code Review нажмите на Accept.





Изображение

Кнопка Accept

Нажмите на Address.cs.





Изображение

Открытие файла

Открывшееся окно показывает изменения. Красным указаны изменения в старой версии, зеленым – изменения в новой версии. Внизу доступны пояснения по обозначениям.





Изображение

Различия между старой и новой версиями кода

В Compare Files нажмите на выпадающем списке compare mode и изучите режимы.



Примечание: если это окно не открылось, вызовите его вручную в View | Toolbars | Compare Files.



Изображение

Выбор режима сравнения

Согласимся с изменениями и добавим комментарий. Нажмите на Reply под сообщением Julia.





Изображение

Кнопка Reply

Введите “that looks good” и нажмите на Save.





Изображение

Ответ на комментарий

Новый комментарий не выслан, пока под ним есть индикатор “Unsent”.





Изображение

Комментарий высылается не автоматически

Вы можете комментировать отдельные файлы и отдельные блоки. В редакторе изменений выберите свойство Zip, нажмите правой кнопкой и выберите Add Comment.





Изображение

Комментарий к коду

Введите “Consider renaming to PostalCode” и нажмите на Save.





Изображение

Комментарий кода

Нажмите на Send Comments. Польза от возможности отправлять комментарии возникает в ситуации, когда надо сделать большую работу, но комментарий лучше отослать сразу, чтобы разработчик мог немедленно приступить к исправлению ошибки вместо того, чтобы дожидаться окончания инспекции кода.





Изображение

Кнопка Send Comments

Нажмите на Send & Finish рядом с Looks Good.





Изображение

Окончание инспекции кода

В Code Reviews & Requests в My Work нажмите на Incoming Requests рядом с Recently Finished.





Изображение

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



Изображение

Результаты инспекции отправлены запрашивающему

Переключитесь на Julia.

В Team ExplorerMy Work нажмите два раза на инспекции кода.



Изображение

Законченная инспекция кода

В Team ExplorerCode Review показаны результаты инспекции и комментарии.





Изображение

Code Review

Нажмите на Close Review и выберите Complete.





Изображение

Завершение инспекции

Мы исправили баг, зачекиним изменения. Нажмите на Check In.





Изображение

Чекин изменений



Изображение

Чекин изменений

Вернемся к коду, над которым работали до переключения на новую задачу. В My Work нажмите правой кнопкой на задаче в секции Suspended Work и нажмите на Resume.





Изображение

Возобновление приостановленной работы

Интерфейс будет приведен к тому виду, в котором вы его оставляли. Если вы размещали элементы интерфейса на разных мониторах, то вы увидите, что элементы интерфейса будут восстановлены там, где вы их оставили. Эта функция позволяет быстро вернуться в контекст после того, как вас прервали.





Изображение

Восстановление интерфейса

Упражнение 6: Merging

В этом упражнении вы узнаете о функции слияния в Visual Studio 2013.

В Team ExplorerPending Changes у вас должно быть видно в Included Changes три изменения. Нажмите два раза на Site.css.





Изображение

Site.css

Мы меняли цвет body на красный. Посмотрим, что происходит, если другой пользователь вносит изменения в этот же файл и производит чекин.

Под Brian Harry запустите Visual Studio 2013 и откройте решение FabrikamFiber.CallCenter из ветки Dev.



Изображение

Решение Fabrikam Fiber

В Solution Explorer откройте FabrikamFiber.Web\Content\Site.css.





Изображение

Site.css

Измените значение font-size с .9em на .5em.





Изображение

Внесение изменений в файл

Нажмите Ctrl+Shift+S.

В Team Explorer – Pending Changes нажмите на Check In.



Изображение

Чекин изменений

Под Julia в Solution Explorer нажмите правой кнопкой на Site.css и выберите Get Latest Version.





Изображение

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

Изменения, сделанные Brian, видны, но также видны и изменения, сделанные нами. Это демонстрирует возможность автоматического слияния изменений в Team Foundation Server 2013 и Visual Studio 2013, что может сэкономить время при сравнении версий.





Изображение

Автоматическое слияние

Под Brian внесите изменение в Site.css, изменив цвет color на black.



Изображение

Изменение, которое конфликтует с деятельностью другого пользователя

Нажмите Ctrl+Shift+S



Сделайте чекин.

Julia не подозревает, что Brian внес изменения, конфликтующие с ее изменениями. Под Julia в Solution Explorer нажмите правой кнопкой на Site.css и нажмите Get Latest Version, что приведет к открытию окна Resolve Conflicts.



Изображение

Resolve Conflicts

Нажмите на Merge Changes In Merge Tool для запуска ручного слияния.





Изображение

Кнопка Merge Tool

Процесс слияния использует редактор изменений, показывающий изменения в расположенных рядом окнах. Слева находится версия с сервера, локальная находится справа и имеет красный цвет, результат находится под ними и имеет исходные цвета.





Изображение

Использование Merge Tool для разрешения конфликтов при изменениях

Примем версию с сервера. Нажмите на иконку слева от color со значением black.





Изображение

Ручное слияние

В Merge Toolbar нажмите на Accept Merge.





Изображение

Принятие ручного слияния


To give feedback please write to VSKitFdbk@Microsoft.com

Copyright © 2018 by Microsoft Corporation. All rights reserved.



Каталог: media -> MSDNBlogsFS -> prod.evol.blogs.msdn.com
media -> Руководство по применению Миостимуляция Мануальный миостимулятор abgymnic поможет вам избавиться от множества самых различных проблем
media -> 1. Об указании условия об ответственности страховщика в госконтракте на осаго
media -> Методические рекомендации по организации первоочередного жизнеобеспечения населения в чрезвычайных ситуациях и работы пунктов временного
media -> Рекомендуемая индивидуальная программа социального обслуживания граждан пожилого возраста, частично или полностью утратившая способность к самообслуживанию, одиноко проживающих супружеских пар
media -> Пособие пользователя аварийной сигнализацией g 10 A
prod.evol.blogs.msdn.com -> Руководство разработчика Октябрь 2008 г
prod.evol.blogs.msdn.com -> Windows Internet Explorer 8 Описание продукта Март 2009 г

Скачать 149.87 Kb.

Поделитесь с Вашими друзьями:




База данных защищена авторским правом ©vossta.ru 2022
обратиться к администрации

    Главная страница