Разработка HTML5 с использованием grunt и bower с проектом WebSite или создание веб-приложения HTML5 в Visual Studio 2015?

Я хочу создать пользовательский PURE HTML5 Web Template, для разработки одностраничных приложений HTML5/CSS3/JavaScript, а затем использовать его как отправную точку для веб-разработки SPA HTML5.

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

Я не спрашиваю, следует ли мне использовать веб-сайт ASP.NET или веб-приложение ASP.NET, вместо этого я спрашиваю, какую конфигурацию шаблона я могу организовать, позвольте мне использовать самые современные HTML5-инструменты и рабочие процессы, и является ли это веб-приложение (с файлом проекта .csproj или .xproj) или веб-сайтом (проект на основе папки)?

Для проектов, в которых разработчику необходимо создать чистый HTML5 SPA, возможно, с помощью ExtJS или, возможно, с Angular или чем-то аналогичным, первый выбор сделан между File- > New Web Site и File → New Web Application.

Если может быть, что позже мой проект HTML5 может получить некоторый ASP.NET, добавленный позже, ясно, что я должен выбрать File → New Web application, но нет ни одного шаблона HTML5, поэтому я хочу создать собственный Шаблон и использовать его. Но на чем он должен основываться?

Для параметра WebSite вы выбираете файл New Web Site, и вы получаете проект на основе папок, но ни одна из новых возможностей поддержки grunt/bower.

Я ищу способ получить лучшее из обоих вариантов. Могу ли я получить поддержку grunt/bower, если я нажму "File New WebSite"? Или я могу сделать чистую работу HTML5 как-то, если я нажму "Создать новый проект"?

Возможно собрать с собой чистый проект HTML5 Web Development.csproj +.sln, начиная с некоторых примеров, которые раньше были на codeplex и теперь на GitHub Мне кажется, что преимущества root.csproj или .xproj для чистого развития HTML5:

  • Я могу указать только файлы, которые хочу увидеть в моем проводнике проектов.

  • Я могу легко добавить ASP.NET-контроллеры webapi в свой "чистый" проект, не перестраивая проект.

Могу ли я использовать один из шаблонов веб-приложений ASP.NET 5 (DNX) (.xproj) и просто удалять все материалы С#, чтобы получить рабочий чистый шаблон разработки HTML5 и сохранить все новые javascript grunt/bower набор инструментов? Или я должен придерживаться проектов веб-сайта (на уровне папок) и их функций разработки веб-сайтов Visual Studio 2005 для разработки HTML5 html/css/javascript?

Обновление: если бы те, кто голосовал за "мнение", были бы настолько любезны, чтобы указать, где я призываю какое-либо мнение, это было бы здорово. Я прошу помочь РАЗРАБОТАТЬ шаблон для Visual Studio, и я считаю, что это по теме и вовсе не призыв к мнению. Чтобы разработать шаблон, вы должны сделать выбор. Какой из них предоставит самую полную инструментарию HTML5, включая grunt и bower и полную подсветку синтаксиса javascript, jslint, bundle, minify и т.д.

Ответы

Ответ 1

При разработке шаблона мои исследования пока показывают, что:

  • Терпение, кузнечик, это ранние дни. ASP.NET Core 1.0 только что выпустил, но не включает в себя некоторые элементы, включая новый набор проектов стиля .xproj для базового чистого веб-проекта HTML 5 (имя еще не объявлено, но пусть гипотеза, его можно назвать Core Pages), независимо от того, что Microsoft "перезагрузка франшизы" для Pure HTML5 Development с Microsoft Visual Studio либо еще не существует, либо находится на ранних стадиях внутреннего развития. Какой бы шаблон я мог сделать сегодня, может быть устаревшим через три недели или три месяца, если Microsoft сделает здесь шаг.

  • В настоящее время для людей, которые могут жить с ним, File → New Web sites работает нормально, и я не нашел никаких технических документов, почему вы НЕ МОЖЕТЕ использовать его для новой разработки, просто предостережение от Microsoft, что это может быть не лучший выбор, если шаблон File → New Project может удовлетворить ваши потребности. Вы можете видеть из того, как работает ASP.NET Core 1.0 (как раз вовремя автоматическая перекомпиляция без перестройки в ASP.NET Core в конечном итоге приводит основную особенность мира WebSite в мир WebApp), что его новый инструментарий и новые возможности .NET Core внутри dnx и dnvm, наконец, "восстановят баланс природы", который, как мне кажется, теперь разделен на 10 лет дихотомией WebSite/WebApp. Еще нет, но эта часть основных элементов дизайна, которые я понял из изучения архитектуры ASP.NET Core.

  • Для ExtJS плагин Sencha Ext JS для Visual Studio предоставляет опцию File → New Web Site, и это отлично работает. Я загрузил и протестировал его вчера вечером, и он отлично работает. Если я хочу вызывать grunt или bower, или расслоение и минимизацию, или любую другую задачу рабочего процесса web-dev, я могу сделать это вручную, используя также внешнее окно командной строки. Поэтому, хотя это может быть не так блестяще, как я искал, можно получить работу. Плагин Ext JS обеспечивает полное завершение кода иерархии классов Ext и стартовые шаблоны как для чистого HTML5 (через файл New Website), так и для HTML5 + ASP.NET(через File New Project). Оценивая их плагин, я изначально думал, что нет никакого способа сделать чистое приложение HTML5 внутри визуальной студии, потому что я совершенно не знал о параметре File New Website и думал (неправильно) об этой области VS как устаревший.

    /li >
  • Для разработки Angular SPA, ВКЛЮЧАЯ .NET, есть этот шаблон, и, похоже, вы можете использовать его и просто не писать любой серверный сервер ASP.NET, если вы хотите сделать чистый HTML5 SPA.

  • Я бы предложил начать с шаблона разработки Angular SP, связанного выше, и изменить его для вычитания Angular и вставить ExtJS или использовать шаблон ASP.NET 4.6 плюс ExtJS, предоставленный плагином Sencha IDE, и просто вычитая из этого шаблона весь код ASP.NET. У меня пока нет предложения шаблона стартового шаблона для мира ASP.NET Core 1.0.xproj.

  • Это должно быть возможно, и довольно легко использовать .NET Core и ASP.NET Core в качестве ключевой части инструментария для чистой среды разработки HTML5. В частности, "dnx web" - полезный способ локального развития, поскольку он еще более легкий, чем использование IIS Express. В равной мере возможно разработать HTML5 с "DNX web" (kestrel) как легкий статический сервер для чистого HTML5, а также полный проект Visual Studio 2015 (веб-сайт или веб-приложение) или использовать только современный веб-редактор, например Код Visual Studio.

Я надеюсь, что другие разработчики, которые все еще запутались, так как я рассказывал о проблеме 10-летнего раздвоения личности в Visual Studio в отношении нового веб-сайта и нового веб-приложения, могут, наконец, увидеть некоторый свет на конец туннеля.

Обновление: Q4/2016: на самом деле похоже, что проблемы с распределением личности на двух направлениях в VS 2015 ухудшатся в VS 2016 (в настоящее время в предварительном просмотре как VS15), потому что есть три способа открыть проект, открыть решение /csproj через один пункт меню, открыть веб-проект через другой и открыть папку через третью.