with visual tutorial template studio spa single page net mvc example asp application html5 visual-studio-2015 single-page-application visual-studio-templates
GitHub

tutorial - ¿Desarrolla HTML5 utilizando grunt y bower con proyecto WebSite o crea una aplicación web HTML5 en Visual Studio 2015?



single page application tutorial (1)

Al desarrollar una plantilla, mi investigación hasta el momento muestra que:

  • Paciencia, saltamontes, es temprano. ASP.NET Core 1.0 acaba de lanzarse, pero no incluye ciertos elementos, incluido un nuevo conjunto de proyectos de estilo .xproj para el desarrollo de proyectos web básicos puros de HTML 5 (nombre aún no anunciado, pero hipoteticemos, podría llamarse páginas centrales) Sea lo que sea, el "reinicio de la franquicia" de Microsoft para Pure HTML5 Development con Microsoft Visual Studio o bien no existe o está en las primeras etapas de desarrollo interno. Cualquiera que sea la plantilla que podría hacer hoy podría quedar obsoleta en tres semanas o tres meses si Microsoft hace una mudanza aquí.

  • Por ahora, para las personas que pueden vivir con eso, Archivo -> Nuevos sitios web funciona bien, y no he encontrado ninguna razón técnica documentada por la que NO PUEDE usarlo para un nuevo desarrollo, solo una advertencia de Microsoft que podría no sea ​​la mejor opción, si un archivo -> plantilla de proyecto nuevo puede satisfacer sus necesidades. Se puede ver por la forma en que ASP.NET Core 1.0 funciona hoy (justo a tiempo, recompilar automáticamente sin reconstruir en ASP.NET Core trae por fin una característica principal del mundo WebSite al mundo de las aplicaciones web) que sus nuevas herramientas y el Las nuevas características de .NET Core dentro de dnx y dnvm finalmente "restablecerán el equilibrio de la naturaleza" que, en mi opinión, ha sido dividido en los últimos 10 años por la dicotomía WebSite / WebApp. Todavía no, pero eso es parte de los elementos básicos de diseño que he entendido al estudiar la arquitectura ASP.NET Core.

  • Para ExtJS, el plugin Sencha Ext JS para Visual Studio proporciona un archivo -> Nueva opción de sitio web, y esto funciona bien. Lo descargué y probé ayer por la noche y funciona bien. Si deseo invocar grunt o bower, o bundle and minify, o cualquier otra tarea de flujo de trabajo de desarrollo web, puedo hacerlo manualmente usando también una ventana externa de símbolo del sistema. Entonces, aunque podría no ser tan brillante como lo que estaba buscando, es posible hacer el trabajo. El complemento Ext JS proporciona completa jerarquía de clase Ext completando el código, y plantillas iniciales tanto para HTML5 puro (a través del archivo Nuevo sitio web) como HTML5 + ASP.NET (a través de Archivo nuevo proyecto). Al evaluar su complemento, inicialmente pensé que NO HABÍA forma de hacer una aplicación pura de HTML5 dentro del estudio visual porque no estaba al tanto de la opción de Archivo Nuevo Sitio Web, y pensé (incorrectamente) que esta área de VS estaba obsoleta.

  • Para el desarrollo de SPA angular, INCLUYENDO .NET, existe esta plantilla, y parece que podría usarla y simplemente no escribir nada del lado del servidor ASP.NET si quisiera hacer un SPA HTML5 puro.

  • Probablemente recomiende comenzar con la plantilla angular de desarrollo de SP vinculada anteriormente y modificarla para restar angular e insertar ExtJS, o usar la plantilla ASP.NET 4.6 plus ExtJS proporcionada por el complemento IDE de Sencha, y simplemente restando todo el código ASP.NET de esa modelo. Todavía no tengo una sugerencia de plantilla inicial para ASP.NET Core 1.0 .xproj world todavía.

  • Debería ser posible, y parece bastante fácil utilizar .NET Core y ASP.NET Core como una parte clave de las herramientas para un entorno de desarrollo HTML5 puro. En particular, "dnx web" es una forma útil de desarrollo local, ya que es incluso más ligero que el uso de IIS Express. Debería ser igualmente factible desarrollar HTML5 con "DNX web" (cernícalo) como el servidor estático liviano para HTML5 puro, y ya sea un proyecto completo de Visual Studio 2015 (ya sea un sitio web o una aplicación web), o utilizando solo un editor web moderno como Código de Visual Studio.

Espero que otros desarrolladores que todavía están confundidos, como yo estaba sobre el tema de la personalidad dividida ahora en 10 años en Visual Studio con respecto al nuevo sitio web y la nueva aplicación web, finalmente puedan ver algo de luz al final de la túnel.

Actualización: 4T / 2016: en realidad parece que los problemas de personalidad divididos bidireccional en VS 2015 empeorarán en VS 2016 (actualmente en vista previa como VS15) porque habrá TRES formas de abrir un proyecto, abrir solución / csproj a través de un menú elemento, abra el proyecto web a través de otro y abra la carpeta a través de un tercero.

Quiero construir una Plantilla web PURE HTML5 personalizada, para el desarrollo de aplicaciones de una sola página HTML5 / CSS3 / JavaScript, y luego usarla como un punto de partida para el desarrollo web SPA HTML5.

Microsoft recomienda claramente el uso de aplicaciones web, pero no proporciona ninguna plantilla pura de aplicaciones web HTML5, por lo tanto, esta tarea se deja a los usuarios finales.

No estoy preguntando si debería usar un sitio web ASP.NET o una aplicación web ASP.NET. En cambio, estoy preguntando qué configuración de plantilla puedo organizar que me permita usar las herramientas y flujos de trabajo HTML5 más modernos, y es la aplicación web. (con el archivo de proyecto .csproj o .xproj) o el proyecto del sitio web (un proyecto basado en carpetas)?

Para los proyectos en los que un desarrollador necesita construir un SPA HTML5 puro, quizás con ExtJS o tal vez con Angular, o algo equivalente, la primera elección es entre Archivo-> Nuevo sitio web y Archivo-> Nueva aplicación web.

Si es posible que más tarde mi proyecto HTML5 pueda agregar algo de ASP.NET más adelante, está claro que debería elegir Archivo -> Nueva aplicación web, pero NO hay ninguna plantilla HTML5 provista, así que estoy buscando construir mi propia Plantilla y usarla ese. Pero, ¿en qué debería basarse?

Para la opción Sitio web, haga clic en el archivo Nuevo sitio web y obtendrá un proyecto basado en carpetas, pero ninguna de las nuevas ayudas grupa / bower.

Estoy buscando una manera de obtener lo mejor de ambas opciones. ¿Puedo obtener soporte para grunt / bower si hago clic en File New WebSite? ¿O puedo hacer trabajo HTML5 puro de alguna manera si hago clic en Archivo Nuevo Proyecto?

Es posible juntar un proyecto de desarrollo web HTML5 puro .csproj + .sln, comenzando con algunos ejemplos que solían estar en codeplex y ahora están en GitHub Me parece que los beneficios de una raíz basada en .csproj o .xproj para el desarrollo puro de HTML5 son:

  • Puedo especificar solo los archivos que quiero ver en mi explorador de proyectos.

  • Puedo agregar fácilmente controladores ASP.NET webapi a mi proyecto "puro" sin reconstruir el proyecto.

¿Puedo usar una de las plantillas de la aplicación web ASP.NET 5 (DNX) (.xproj) y simplemente eliminar todas las cosas de C # para obtener una plantilla de desarrollo de HTML5 puro y conservar todas las nuevas herramientas javascript grunt / bower? ¿O tengo que seguir con los proyectos de sitios web (nivel de carpetas) y sus características de desarrollo de sitios web de Visual Studio 2005, para el desarrollo HTML html / css / javascript puro?

Actualización: si los votantes cercanos que votaron por "opinión" tienen la amabilidad de señalar a dónde llamo para obtener una opinión, sería genial. Estoy pidiendo ayuda PARA DESARROLLAR una plantilla para Visual Studio, y creo que se trata de un tema y para nada un llamado a la opinión. Para desarrollar una plantilla debes hacer una elección. ¿Cuál proporcionará las herramientas HTML5 más completas, incluidas grunt y bower y resaltado de sintaxis de JavaScript completo, jslint, bundle, minify, etc.?