Siga este tutorial se complete la operación, puede crear fácilmente una nueva .scss archivos felices localmente y luego traducido directamente en un archivo .css, es simplemente demasiado conveniente.
nodejs web oficial de enlace de descarga http://nodejs.cn/download/
Sass página web oficial del documento chino https://www.sass.hk/docs/
1, SASS instalación en el servidor
1). Nodejs intérprete de instalación
nodo instalado la versión local del programa V8.11 y superior;
Uso node -vversión nodo del monitor instalado.
2) SCSS instalación en línea
comando de impresión en la consola cmd
compilador necesidad en línea para instalar el entorno de Windows
npm install --global --production windows-build-tools
Esto es agregar entorno compilador debajo de las ventanas
npm install -g node-sass
3) Prueba está instalado correctamente
cmd imprimir node-sass -vversión con pantalla
2, SCSS archivos en los archivos CSS
1) La conversión de un solo archivo
Se puede abrir el camino para el proyecto en el ordenador, en la ruta de la carpeta, mantenga pulsado el cambio, haga clic en el botón derecho del ratón para abrir la ventana de PowerShell, escriba el siguiente comando.
node-sass scss/01.scss css/01.css
SCSS / 01.scss : SCSS a los nombres de archivos y directorios convert;
CSS / 01.css : Nombre del archivo CSS y el directorio convertidos;
Asegurar la ejecución de la orden es la ruta padre SCSS / 01.scss de;
2) la conversión de varios archivos,
Convertir una carpeta (un comando a una carpeta de archivos en todo .scss se convierten)
node-sass scss(文件夹名称) -o css(文件夹名称)
3) monitor de una sola fila
Abierta, mirando el sistema de archivos 01.scss, cuando se cambia 01.scss contenido, salvo, convierte automáticamente en 01.css
node-sass -w scss/01.scss css/01.css
4) Multi-monitor de carpeta
node-sass -w scss -o css
[Nota:] utilización Sass Sass con el elemento de la interfaz de usuario-sitio de desarrollo de interfaz:
https://blog.csdn.net/qq_16221009/article/details/102587471
Más comúnmente variables de sintaxis utilizada, anidados, grupos anidados, importación y @Cada recorrido, otra Sass gramática Shangguan vista directa neta en la línea! ! !
