在vscode中安装sass

淩亂°似流年 2021-09-18 14:34 528阅读 0赞

在vscode中安装sass，你得有相对于的依赖环境，也就是ruby。所以必须得先下载安装ruby。  
然后按住ctrl + shift + x打开应用商店，搜索easysass，进行安装，安装完之后，打开首选项，选中setting，然后打开setting.json文件：

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

在里面加上这段配置就OK了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]  
公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210812/c5b400f826864636b512eb338c3a5a1b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70 1]: /images/20210812/f9469036139545c4a28549ba534dae4d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，528人围观）

还没有评论，来说两句吧...

相关阅读

相关在vscode中安装bootstrap并使用

在VS从的中搜索bootstrap,选择bootstrap 4 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha...

港控/mmm°/ 2024年04月18日 21:01/ 0 赞/ 72 阅读

相关在vscode上运行linux代码,在linux上安装VSCode

1. 下载 1,2是指Ubuntu上的VSCode的安装，RHEL, Fedora and CentOS 可以通过安装方式三来安装。 2. 安装进入到下载的目录执行

偏执的太偏执、/ 2023年01月20日 01:53/ 0 赞/ 43 阅读

相关 sass在vue中配置

1.创建variable.scss 文件 // 颜色 $color-red:red; $color-yellow: yellow; $color-white: whit

骑猪看日落/ 2022年11月06日 05:55/ 0 赞/ 210 阅读

相关 Sass安装

推荐网站： [http://www.w3cplus.com/sassguide/index.html][http_www.w3cplus.com_sassguide_ind

谁践踏了优雅/ 2022年09月21日 13:11/ 0 赞/ 261 阅读

相关安装sass

sass 是一个 css 的预处理器, 简写css, 以及CSS的导航, sass 基于 ruby, 需要先安装 ruby 然后在安装 sass 安装 Ruby 目的是

￡神魔★判官ぃ/ 2022年06月06日 03:52/ 0 赞/ 307 阅读

相关在Vue中使用Sass

Sass 是什么？ Sass又称SCSS，它是CSS预处理之一。它在CSS语法的基础上增加了变量、嵌套、混合宏、继承、占位符等等高级功能。那什么是CSS预处理器呢

柔光的暖阳◎/ 2022年01月07日 05:25/ 0 赞/ 398 阅读

相关在vscode中安装sass

在vscode中安装sass，你得有相对于的依赖环境，也就是ruby。所以必须得先下载安装ruby。然后按住ctrl + shift + x打开应用商店，搜索easysa

淩亂°似流年/ 2021年09月18日 14:34/ 0 赞/ 529 阅读

相关在vue中应用sass，sass常用语法

常用语法： 1，变量定义： $border:1px solid ccc; $warning:ff9900; 2，混入：返回一段样式，可以加入变量

左手的ㄟ右手/ 2021年09月17日 08:08/ 0 赞/ 696 阅读

相关如何在vue中使用sass

转自：http://blog.csdn.net/lily2016n/article/details/75309492 仅用于学习，不可商用！ 1、创建一个基于 w

╰半夏微凉°/ 2021年09月15日 00:18/ 0 赞/ 588 阅读

相关在linux系统中安装VSCode

1、下载安装包： wget https://az764295.vo.msecnd.net/stable/7ba55c5860b152d999dda59393ca3ebeb1

忘是亡心i/ 2021年07月27日 00:59/ 0 赞/ 595 阅读