Cómo instalar Sass

Hay muchas formas alternativas de instalar Sass, la siguiente forma funciona incluso sin la instalación de Ruby. Esto puede ser instalando Grunt o Scout.

Grunt es una herramienta de creación de línea de comandos basada en tareas para proyectos de JavaScript. En lenguaje simple, Grunt es un corredor de tareas. Grunt puede hacer todas esas cosas por usted que se espera de un desarrollador front-end como: trabajar en pequeños fragmentos de CSS y JavaScript, comprimir CSS y minimizar JavaScript, optimizar sus imágenes y otras funciones similares . Una vez configurados, lo que no es tan difícil, estas cosas se pueden solucionar automáticamente sin tener que pensar en ellas nuevamente.

GruntJS se usará para hacer efecto del código que hemos hecho usando nuestra solución en Visual Studio y podemos ver el efecto de ese código solo si tenemos instalado GruntJS.

Los siguientes son los pasos para instalar GruntJS en su sistema:

1) Instale el nodo js y siga los pasos del asistente de la pantalla (según us 32/64 bit)

2) Descargue PhantomJS y copie “phantomjs.exe” en la carpeta “C: \ Windows”

3) Establezca% path% (variable ambiental) en “C: \ Windows”

4) Instale python js en su sistema (según us 32/64 bit)

5) Abra el símbolo del sistema como administrador y ejecute “npm install grunt-cli –g” para instalar grunt

6) Cree el archivo package.json usando “npm init” en el directorio del proyecto

7) Ejecute el comando “npm install grunt –save -dev”

8) Ejecute el comando “npm install grunt-sass – save-dev”

9) Vaya a la ubicación del directorio del proyecto (ej. “C: \ users \ {nombre de usuario} \ su proyecto”) desde el símbolo del sistema y ejecute el comando “npm install”.

Aquí tienes … Ahora puedes trabajar sobre Sass.

CMARIX TechnoLabs puede ayudarlo a hacer que su aplicación se vea exclusiva con los experimentados desarrolladores de Front-end pro en el diseño. Si desea utilizar Sass para sus próximos desarrollos, no dude en ponerse en contacto conmigo: Sara Bhavsar.

Para saber más sobre nosotros, visite: www.cmarix.com.

Un editor de código fuente moderno y abierto que comprende el diseño web ofrece una herramienta de código abierto llamada Bracket. Descargue los corchetes si desea usarlos para SASS o SCSS.

Caracteristicas

Brackets tiene características útiles como HTML en vivo, HTML5, CSS, CSS3, SASS, SCSS, MENOS soporte.

Nota

Debe usar una extensión para instalar la edición en vivo para SASS. Aquí hay un video en youtube. Esto puede ser útil para usted.

Háganos saber si tiene alguna consulta o si se ha quedado atascado en algún lugar

Gracias

Capacitación en línea de CodeBook