0
点赞
收藏
分享

微信扫一扫

VS Code sass、less安装

左手梦圆 2022-04-30 阅读 38

一:sass安装

1.安装拓展

在这里插入图片描述

2.打开setting.json

在这里插入图片描述
在这里插入图片描述

3.将下面代码插入最外层的 { } 里面,如下图

"liveSassCompile.settings.formats": [
    {
      "format": "compressed", //出口CSS样式 expanded or compressed
      "extensionName": ".css",
      "savePath": "~/../css"  //保存在当前文件的上一级的css文件夹
    }
  ],
  
  // 之前用别人的显示警告 Must start with a path separator (就是现在vscode一定要以 分割线 开头了)
  "liveSassCompile.settings.excludeList": [
    "/**/node_modules/**",
    "/.vscode/**" 
  ],

在这里插入图片描述

4.新建文件 1.scss (注意是 c) ,编写代码,然后点击箭头指向的 watch,就产生了 1.css 和 1.css.map

在这里插入图片描述

二:less 安装

1.安装 easy less ,再将下图中的代码复制(最外层的 { } 不要复制到)

在这里插入图片描述

2.粘贴到 setting.json(out是 .css及.map 的输出目录)

在这里插入图片描述

3.新建 1.less 然后编写代码,保存后自动生成css和map

举报

相关推荐

0 条评论