Error de código Visual Studio durante la configuración del corredor de tareas SASS -- sass campo con visual-studio-code camp Relacionados El problema

Visual Studio Code error during SASS task runner setup


3
vote

problema

Español

Soy nuevo en el desarrollo web en general, y estoy tratando de configurar SASS siguiendo la documentación aquí:

https://code.visualstudio.com/docs/languages/css

Sin embargo, estoy recibiendo este error:

"Se debe especificar un directorio de salida al compilar un directorio". En Las personas de Internet están sugiriendo soluciones, pero están relacionadas con Configuración de otros editores.

Mi proyecto se ve así, para que pueda tener una idea de cómo se configura mi proyecto:

SASS Project Config Screenshot

Intenté agregar todos los archivos de diseño en la misma carpeta que el archivo Tasks.Json, pero no funcionó y obtuve el mismo error.

Tengo una pregunta más: ¿Necesito crear el archivo de ISCSS o la tarea lo crea si no se encuentra?

Aprecio cualquier ayuda posible.

Original en ingles

I am new to web development in general, and I am trying to setup sass following the documentation here:

https://code.visualstudio.com/docs/languages/css

However I am receiving this error:

"An output directory must be specified when compiling a directory". On the internet people are suggesting solutions, but they are related to configuration of other editors.

My project looks like this, so you can have an idea how my project is set up:

SASS project config screenshot

I tried adding all design files in the same folder as the tasks.json file, but it didn't work and I got the same error.

I have one more question: do I need to create the .css file, or does the task create it if it's not found?

I appreciate any help possible.

     

Lista de respuestas

5
 
vote

acabo de descubrir esto, mientras busco la misma solución.

Tus "args" deben configurarse así:

doExport1
o
doExport2

El "./" apunta a la raíz del proyecto, entonces simplemente incluya la ruta de la carpeta apropiada.

vítores!

 

I just figured this out, while looking for the same solution.

Your "args" have to be configured like this:

"args": ["./src/app/styles.scss", "./src/app/styles.css"]
or
"args": ["./(static or assets folder)/(sass folder)/styles.scss", "./(static or assets folder)/(css folder)/styles.css"]

The "./" points to the root of the project, then simply include the appropriate folder path.

Cheers!

 
 
0
 
vote

La configuración predeterminada para el corredor de tareas SASS en https://code.visualstudio.com/ docs / idiomas / css ahora se ve así:

  doExport3  

Si obtiene el error

"Se debe especificar un directorio de salida al compilar un directorio"

Luego cambia la configuración como:

doExport4

 

The default setup for the Sass Task Runner on https://code.visualstudio.com/docs/languages/css now looks like this:

// Sass configuration {   // See https://go.microsoft.com/fwlink/?LinkId=733558   // for the documentation about the tasks.json format   "version": "2.0.0",   "tasks": [     {       "label": "Sass Compile",       "type": "shell",       "command": "node-sass styles.scss styles.css",       "group": "build"     }   ] } 

If you get the error

"An output directory must be specified when compiling a directory"

then change the configuration like:

"command": "node-sass ./<your path>/styles.scss ./<your path>/styles.css",

 
 

Relacionados problema

3  Ignore el error de tslint específico en el código Visual Studio  ( Ignore specific tslint error on visual studio code ) 
He desarrollado una regla de TSLint para mi equipo para que no olvidemos eliminar los llamadas 9988777663 en las pruebas de la unidad antes de cometer. en...

0  Cuestiones de proxy de extensión de código vs  ( Vs code extension proxy issues ) 
Estoy usando la extensión de código VS llamada Azure API Management. Mientras realiza cualquier operación como un servicio de extracción, obtengo la 407 (auto...

1  VSCODE - Editor que acepta sugerencias sobre la tipificación de paréntesis  ( Vscode editor accepting suggestions on typing parenthesis ) 
Acabo de actualizarse a VSCODE 1.25 y ahora cuando aparecen sugerencias, si escribo ( acepta la sugerencia. ¿Es esto nuevo? ¿Cómo elimino esto? ...

0  Necesito ayuda para configurar IntelliSense para Python en VSCODE  ( Need help in configuring intellisense for python in vscode ) 
Necesito ayuda para configurar IntelliSense, Autocompletar y código de código para Python en VSCODE De mi experiencia personal, funciona solo parcialmente. ...

80  Código de estudio visual Deshabilitar la línea larga de envoltura automática  ( Visual studio code disable auto wrap long line ) 
Yo uso el código VS para escribir Python con Pylint. Cuando presiono CREATE TABLE #Temp (ID int) INSERT INTO #Temp SELECT ID FROM Table Where ISNumeric(Id)=...

0  VS CODE REACT COMPONENT CTRL Haga clic en Deshabilitar Vista rápida y abrir en una nueva pestaña en su lugar?  ( Vs code react component ctrl click disable quick view and open in new tab instea ) 
De alguna manera, no pude lograrlo para descubrir esto por horas ahora ... ¿Cómo puedo deshabilitar esta ventana de vista rápida (consulte la siguiente imag...

2  Python Con Código Visual Studio - ¿Cómo desactivar "Python Experimental"?  ( Python with visual studio code how to deactive python experimental ) 
Estoy programando Python 3 con el código de Microsoft. Cuando presiono "F5" para iniciar el programa, siempre obtengo un menú con la siguiente selección: ...

1  ¿Cómo instruir eslint para ignorar un conjunto de reglas en un proyecto?  ( How to instruct eslint to ignore a ruleset in a project ) 
En mi VSCODE (Win 10) He instalado el vscode extension eslint < / a>. En mi computadora hay un proyecto de nodo, con un archivo JS dentro. Si abro este archi...

47  TSC no se reconoce como comando interno o externo  ( Tsc is not recognized as internal or external command ) 
He actualizado de VSCODE 0.10.6 a 0.10.8, y intenté usar TypeScript por primera vez. Lamentablemente, cuando le digo que VSCODE se construya, obtengo el error...

0  Visual Studio Start Line por línea Depuración en medio de un programa  ( Visual studio start line by line debugging in the middle of a program ) 
Estoy trabajando en un programa y muchos de los botones y los elementos del menú se crean dinámicamente. Es especialmente difícil de trabajar porque no sé dón...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos