VSCode是必须安装的,然后安装Live Sass Compiler和Live Server两个插件

关键点 

打开index.scss,按Ctrl + Shift + P打开命令面板,输入命令  Watch Sass 监听index.scss并生成index.css,再输入Open With Live Server启动本地开发服务器并打开浏览器。到此为止就完成了所有准备工作了。

Windows下VScode Scss开发环境配置

Windows下VScode Scss开发环境配置

Step1: 创建 xxx.scss 文件,并在编辑器打开此文件, 使用vs 快捷命令 ctrl + shift + p 在弹出的运行窗口编辑栏输入 watch sass 命令, 同时VS下部的"输出"窗口会实时监控在scss文件内的各种改动, 同时编译生成同名css文件

Step2: 在html模板文件中 link 该 css文件, 使用 Open With Live Server 来预览开发效果

相关文章:

  • 2022-12-23
  • 2021-10-19
  • 2021-09-26
  • 2021-12-19
  • 2020-03-26
猜你喜欢
  • 2021-06-02
  • 2021-08-18
  • 2021-08-07
  • 2022-01-11
  • 2021-09-03
  • 2021-07-15
  • 2022-12-23
相关资源
相似解决方案