VS code 使用 less ,实时更新并输出css;

1. 安装node ,

2. 全局安装 less ,命令: npm install -g less ;

3. win+r , 打开 cmd ,输入 lessc -v , 查看到版本则安装成功;

4. 安装 compile hero 插件;详细见 https://gitee.com/wscats/compile-hero/blob/master/README.CN.md

   4.1 、 设置 右下角 Compile Hero: On   

   

 

  4.2 、 设置输出目录: ../css ;

   

 

    

 

   4.3 修改 less/less1.less 文件并保存后,自动输出 css/less1.css ;

 

posted @ 2021-03-10 14:02  半遮  阅读(398)  评论(0编辑  收藏  举报