关于vscode中使用easy sass扩展时,scss文件保存后不会产生css文件的解决方法

下载并配置好easy sass扩展几天后,使用时发现保存scss文件后css文件夹中没有出现编译后的css文件,这是怎么回事呢?

难道是设置问题?

先看了下配置,没啥问题啊这..... 尝试重装 easy sass 重装VScode 还是没用,之前还好好的啊,怎么今天就不行了?

​​​​ /** Easy Sass 插件 **/
  "easysass.formats": [
    {
      "format": "compressed", // 压缩
      "extension": ".css"
    }
  ],
  // 自定义css输出文件路径
  "easysass.targetDir": "./css",

下面是文件目录

关于vscode中使用easy sass扩展时,scss文件保存后不会产生css文件的解决方法_第1张图片

搞的怀疑人生了啊???

后面通过询问大佬得知,必须把sass移动端页面制作这个文件夹作为根目录文件夹,

于是选择只打开“sass移动端页面制作这个文件夹”,没想到保存scss文件后可以在css文件夹生成css文件了

正确打开方式如下图:

 

关于vscode中使用easy sass扩展时,scss文件保存后不会产生css文件的解决方法_第2张图片

总结: 

 scss文件必须处于根目录中,或者说打开的这个文件夹必须在vscode中显示为scss文件所在的根目录!!!

 喜欢的朋友给个赞吧!

你可能感兴趣的:(前端,vscode,sass,css)