Cómo hacer que Visual Studio reconozca un archivo cshtml como javascript

Question

Estoy escribiendo una página css/js que tiene algunas partes dinámicas. Para hacer esto estoy usando un archivo cshtml que contiene css/js - estoy usando mvc.net y devolviendo el css desde una acción del controlador.

El problema es que visual studio reconoce esta página como html y no como javascript/css por lo que no me da coloreo javascript/css e IntelliSense.

Mis preguntas:

1. ¿Hay una manera mejor/más fácil de crear css/js dinámicos en .net
2. ¿Cómo puedo obtener el estudio visual para reconocer una página cshtml como Javascript.

Answer 1

La mejor solución es seguir un estilo javascript y discreto discreto y poner su Javascript en un archivo .js, poner el CSS en un archivo .css y hacer referencia a ellos en el marcado en su archivo cshtml con una etiqueta <script> y <link>.

p. Ej.

<script src="Scripts/scriptName.js" type="text/javascript"></script> 
<link rel="stylesheet" href="Content/styleSheetname.css" type="text/css" /> 

Esta es una buena práctica ya que mantiene su contenido (marcado)/estilo/comportamiento por separado.

Answer 2

¿Qué hay de malo en poner las etiquetas <script> y <style> en una página y poner allí su js/css dinámico, al final si es dinámico no hay forma de almacenarlo en la memoria caché por lo que este enfoque estará bien. se puede escribir algo, como a continuación:

<script> 
function myFunction_@MyFunc(params)(obj) { return obj.field + @MyOtherFunc(params); } 
<script> 

y la maquinilla de afeitar del motor evaluará @MyFunc (params) y @MyOtherFunc (params) antes de enviarlo al navegador

Answer 3

JavaScript puede probar con el paquete de Nuget RazorJS. Pero nos hemos encontrado con algunas inconsistencias al usarlo.

Todavía estoy tratando de encontrar una mejor manera de hacer esto usando el Controlador/Vistas y todavía ser capaz de usar intellisense y obtener una coloración decente.

Answer 4

Sé que esto es una entrada antigua, pero ... ...

Lo que hice fue sólo hay que poner las etiquetas de script alrededor de mis archivos javascript en su propio archivo .cshtml. Creé un controlador por separado (JavascriptController.cs) y creé un filtro en ese controlador que elimina las etiquetas de script. Establecí el filtro en el método OnActionExecuting. con sólo hacer

this.Response.Filter = new ScriptFilter(Response.Filter, Response.ContentEncoding); 

Para que pueda obtener la sintaxis, se obtiene la maquinilla de afeitar sin tener que utilizar RazorJS, y se puede solicitar los archivos js como rutas regulares en una aplicación MVC. Solo tiene que mantener las etiquetas de secuencia de comandos en la vista parcial durante la edición.

Así se puede llamar

/Javascript/{} Acción

y obtendrá su archivo javascript con su maquinilla de afeitar en ella, y el filtro se quitará las etiquetas de secuencia de comandos para que pueda incluirlo como una secuencia de comandos normal

<script src="http://{host}/Javascript/{action}"></script>