Posted on 1. June 2019

Microsoft Web Template Studio

Недавно вышел первый выпуск Microsoft Web Template Studio, кроссплатформенного расширения для Visual Studio Code, которое упрощает и ускоряет создание новых многофункциональных веб-приложений. Команда Web Template Studio значительно упростила создание нового облачного веб-приложения согласно Ваших отзывам и сообщениям на форуме. Web Template Studio предоставляет удобные и простые инструменты для создания Вашего приложения и ReadMe.md файла, который содержит пошаговые инструкции по быстрому началу работы и разработке. Более того, Web Template Studio проект с открытым исходным кодом на GitHub.

Главная задача - предоставить Вам удобный процесс разработки, чтобы Вы не удаляли код и не переписывали все заново. Web Template Studio находится на ранней стадии разработки, но сейчас самое время показать этот выпуск сообществу и получить обширное количество отзывов. Web Template Studio поддерживает один полный путь к приложению через React и Node.js. В будущем будет добавлено много фреймворков, страниц и функций. Если у Вас есть какие-либо пожелания, пожалуйста, сообщите об этом на форуме сообщества. Ваш отзыв очень важен!

Установка

Все очень просто! Зайдите на страницу Visual Studio Marketplace Web Template Studio и нажмите «Установить». Кроме того, Вам также понадобятся Node и Yarn.

Немного о Web Template Studio

Запустите WebTS, используя сочетания клавиш и введите Web Template Studio. Очень просто. Это запустит мастера, и Вы сможете начать создание проекта.

Шаг 1: Название проекта и путь выхода

Вы начинаете с Вашего проекта и пути выхода.

Шаг 2: Тип проекта

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

Шаг 3: Фреймворки

Далее, какие фреймворки Вы хотите использовать для внешнего интерфейса и внутреннего интерфейса? На данный момент поддерживается один фреймворк для внешнего интерфейса: React.js и один для внутреннего: Node.js, так как это самая ранняя версия.

Шаг 4: Страницы и облачные службы

Чтобы ускорить создание приложения, Вам предоставляется несколько шаблонов страниц приложения, которые можно использовать для добавления общих страниц пользовательского интерфейса в новое приложение. Текущие шаблоны страниц включают в себя: пустую страницу, общие макеты (например, основные детали) и страницы, которые реализуют общие шаблоны (например, сетка, список). Чтобы сгенерировать эти страницы, добавьте столько страниц, сколько Вам нужно, указав имя для каждой из них. Затем, укажите, какие облачные службы Azure Вы хотите использовать, и платформа для служб включит пометки «TODO». Сейчас  поддерживаемые службы состоят из хранилища (Azure Cosmos DB) и вычисления (функции Azure). В будущем все эти функции будут значительно улучшены.

Шаг 5: Сводка и генерация

Просто посмотрите, что Вы выбрали, убедитесь, что все в порядке с лицензиями, которые Вы принимаете, и нажмите «Создать».

Шаг 6: Запуск Вашего приложения

Нажмите на ссылку «Открыть проект в VSCode». Вы можете открыть Ваш Readme.MD файл и получить полезные советы и рекомендации, а затем, чтобы запустить веб-сервер. Для запуска React/Node.JS Вам просто нужно открыть терминал, ввести «yarn install», затем «yarn start» и Всё готово! Как видите, веб-приложение - это хорошая отправная точка. Оно извлекает реальные данные, позволяет быстро провести рефакторинг, чтобы Вы могли тратить время на более важные задачи, такие как бизнес-логика.

Ознакомление с будущими функциями

Большая часть тестирования была проведена в WebTS на платформе React с Node.JS, однако экспериментальные версии будут также добавлены для Angular и вскоре в Vue! Если Вы хотите ознакомиться, перейдите в Настройки в коде и включите Preview Mode.

Проект с открытым исходным кодом, созданный с Microsoft Garage Interns

Web Template Studio - это проект с полностью открытым исходным кодом и он доступен на GitHub. Вы можете внести Ваш вклад в проект, но для начала следует ознакомиться с рекомендациями относительно последующих шагов. На сегодняшний день, активно разрабатывается общедоступный план выпуска и Ваши отзывы будет полезны.

Команда Web Template Studio гордится тем, что все это было создано стажерами, принимавшими участие в проекте Microsoft Garage. Garage internship - это уникальная программа для талантливых студентов для работы в группах по 6-8 человек над сложными инженерными проектами. Эта программа преследует три основные цели: сотрудничество, творчество и эксперименты. Этот проект был создан в партнерстве с Microsoft и сообществом. Он прошел через множество вариаций и итераций. Вы можете посмотреть, кто принимал участие здесь.

Начните сегодня

Теперь доступна и темная тема в Web Template Studio. Посмотрите простые инструкции по установке VS расширения на странице GitHub. Не забудьте рассказать о Вашем опыте использования и поделиться оценкой проекта. Вы можете связаться с Клинтом по адресу @clintrutkas уже сейчас!

 

Источник



Posted on 2. February 2019

Windows Template Studio - Версия 3.0!

Microsoft очень рады объявить о выпуске Windows Template Studio 3.0!

Ваши отзывы и пожаления очень важны для сообщества. Если Вы заинтересованы, пожалуйста, перейдите на страницу WTS на Github.

Что нового:

Полный список изменений в версии 3.0 Вы можете просмотреть на странице WTS на Github.

Включено в эту версию:

  • Код теперь генерируется как многопроектное решение. Это позволит лучше повторно использовать и разделять логику кода. В результате это будут UWP и .NET Core проекты.
  • Добавление новых проектов по щелчку правой кнопкой мыши.
  • Горизонтальная навигация просмотра заменена шаблоном навигации Pivot.
  • Обновление MVVMLight для использования библиотеки .NET Standard.
  • Общие исправления ошибок.

Обновления платформы разработки:

  • AdaptiveCards к версии 1.1.2
  • AppCenter.Analytics к версии 1.12.0
  • AppCenter.Crashes к версии 1.12.0
  • Services.Store.Engagement к версии 10.1810.16002
  • UI.Xaml to v2.0.181018003.1
  • Json к версии 12.0.1
  • UI.for.UniversalWindowsPlatform к версии 1.0.1.3
Известная проблема
  • В предварительном просмотре Visual Studio 2019 с поддержкой для нескольких проектов произошел сбой NuGet ссылки для Core проекта. (#2862). Чтобы обойти эту проблему, Вам нужно добавить ссылку вручную. Единственная важная ссылка - это Newtonsoft.Json в Core.
  • Форма отправки обратной связи была удалена, пока ошибка не будет исправлена в SDK (#2879).
Как получить обновление:

Есть две возможности обновления к новой сборке.
  • Уже установлено: Visual Studio автоматически обновляет расширение. Для принудительного обновления, откройте «Инструменты» --> «Расширения и обновления». Затем перейдите на вкладку слева «Обновление расширителя», там Вы увидите «Windows Template Studio», после чего нажмите «Обновить».
  • Не установлено: Перейдите на https://aka.ms/wtsinstall, нажмите «загрузить» и дважды щелкните по VSIX установщику.
Что будет в следующих версиях?

Microsoft ценит Ваше участие и поддержку в сообществе. Кроме того, на данный момент ведется активная работа над новыми функциями, которые будут добавлены в будущих обновлениях. Вот некоторые из них:
  • Шаблон навигации в стиле Menubar (версия 3.1)
  • Идентификационный логин (версия 3.1)
  • Улучшения поддержки для Visual Studio 2019
  • Добавление Azure функций (версия 3.1 и выше)
  • Группа тестовых проектов
В партнерстве с сообществом, Microsoft продолжит работу над добавлением и улучшением функций и функциональности. Команда Windows Template Studio всегда рада Вашим отзывам, и если Вам интересно, пожалуйста, перейдите на GitHub --> https://aka.ms/wts. Если у Вас есть идеи по добавлению новых функций, пожалуйста, отправьте Ваш запрос!



Posted on 1. June 2017

Windows Template Studio

Windows Template Studio - это расширение Visual Studio 2017, которое ускоряет создание новых приложений для универсальной платформы Windows (UWP), используя опыт на основе мастера. Итоговый проект UWP представляет собой хорошо сформированный читабельный код, который включает в себя новейшие функции Windows 10, а также проверенные образцы и лучшую практику. Разбросанные по всему сгенерированному коду ссылки включают в себя Docs, Stack Overflow и блоги с полезной информацией.

Пример сценария: мне нужно приложение, которое использует MVVM, использует основные детали, может приостанавливаться и возобновляться, имеет настройки, карты на одной из страниц и получает Azure hub уведомления. Для этого потребуется фоновая служба, которая выполняет запрос каждые 5 минут ...

Выберите тип и структуру проекта:

Выберите страницы и функции вашего приложения:

 

 

Вы готовы! Создайте свой шаблон проекта и запустите его.

Для получения дополнительной информации ознакомьтесь с repo README!