美文网首页
vscode插件 Live Scss Compiler

vscode插件 Live Scss Compiler

作者: 你这丑小子 | 来源:发表于2019-05-23 14:15 被阅读0次

Live Scss Compiler 实时编译scss文件为css。小程序使用的是wxss后缀的文件,所以使用这个插件将scss编译成wxss文件

1.按钮插件

2.在项目根目录下创建文件夹 .vscode ,在文件夹下创建 settings.json 文件

     "liveSassCompile.settings.formats":  [

            {

                 "format": "expanded", 

                 "extensionName": ".wxss", 

                 "savePath": null 

             } 

         ]

3.最后点击底部工具条的上的 Watching 按钮

相关文章

  • vscode插件 Live Scss Compiler

    Live Scss Compiler 实时编译scss文件为css。小程序使用的是wxss后缀的文件,所以使用这个...

  • 原生微信小程序支持scss配置

    1.安装插件Live Scss Compiler 2.在项目根目录下创建文件夹 .vscode ,在文件夹下创建 ...

  • sass使用

    sass编译和介绍 安装vscode插件Live Sass Compiler编译sass 开启watch sass...

  • SCSS learning

    Vscode Live Scss Complier Scss vs Indented syntax Popular...

  • 小程序支持Scss

    第一步:从 VSCode 中下载插件 Live Sass Compiler第二步:打开 小程序的 扩展,然后导入...

  • 手机实时访问本地网页

    操作步骤: 1.vscode安装插件:Live Server 2.修改vscode live server插件的配...

  • Scss/Sass使用

    开发工具:vscode安装插件:Easy Sass 创建项目目录scss-test, 在scss-test目录里,...

  • 学习 Sass

    Sass的使用 安装Ruby 安装Sass ( vscsde可以使用Live Sass Compiler 插件 ...

  • 前端搭建本地服务

    1.前端使用vscode编辑器,安装live serve插件 然后在vscode编辑器的右下角有 Go live ...

  • VS Code黑魔法

    VS Live Share 代码共享插件 VS Live Share 是VScode的一个插件,前几天偶然发现该插...

网友评论

      本文标题:vscode插件 Live Scss Compiler

      本文链接:https://www.haomeiwen.com/subject/nnivzqtx.html