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

Question

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

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

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

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

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

Для параметра «Веб-сайт» вы выбираете файл «Новый веб-сайт», и вы получаете проект на основе папок, но ни одна из новых функций поддержки grunt/bower не поддерживается.

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

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

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

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

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

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

Answer 1

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

• Терпение, кузнечик, это первые дни.ASP.NET Core 1.0 только что выпущен, но не включает в себя некоторые элементы, в том числе новый набор проектов .xproj для базового чистого развития веб-проекта HTML 5 (имя еще не объявлено, но давайте предположим, его можно назвать основными страницами), что бы это ни было , «перезагрузка» франшизы Microsoft для разработки Pure HTML5 с 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 как устаревший.

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

• Возможно, я предлагаю начать с шаблона разработки углового шаблона SP, связанного выше, и изменить его, чтобы вычесть углы и вставить ExtJS, или используя шаблон ASP.NET 4.6 плюс ExtJS, предоставленный плагином IDE Sencha, и просто вычесть весь 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 через один пункт меню, открыть веб-проект через другой и открыть папку через третью.