Как использовать node-sass для компиляции файла scss в файл css в коде Visual Studio? - PullRequest
Новая
       45

Как использовать node-sass для компиляции файла scss в файл css в коде Visual Studio?

0 голосов
/ 10 ноября 2019

Я пытаюсь установить node-sass для компиляции файла scss в файл css в коде Visual Studio. Я уже установил node-sass и сделал все, следуя инструкциям на сайте Visual Studio Code, но это не сработало.

Вместо созданного файла CSS, такого как руководство на сайте кода Visual Studio, а также других носителей, таких как YouTube, Google и т. Д., Я получил следующее уведомление. 

[The term 'node-sass' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the nam
e, or if a path was included, verify that the path is correct and try again.

At line:1 char:10
+ node-sass <<<<  styles.scss styles.css
    + CategoryInfo          : ObjectNotFound: (node-sass:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException]

Где я ошибся? Не могли бы вы подсказать, как это исправить?

В частности, я проделал следующие шаги:

  1. Установка npm, node.js

  2. Установка по синтаксису: npm install -g node-sass less

  3. Создать файл task.json со следующим содержимым: 

// 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"

    }

  ]

}

Я также проверил, что имя файла scss в файле task.json совпадает с именем файла scss в окне проводника кода Visual Studio, а также с файлом пути scss. Они были точными полностью.

Используйте комбинацию Ctrl Shift B, затем выберите Sass Compile> Продолжить, не сканируя вывод задачи.

...