VScode 常用插件汇总『附带使用方法』

最新推荐文章于 2024-02-02 17:50:58 发布

weixin_46746389

最新推荐文章于 2024-02-02 17:50:58 发布

阅读量285

点赞数 1

分类专栏：编译器文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/weixin_46746389/article/details/127202738

版权

编译器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

VScode 常用插件汇总(持续更新)

Chinese (Simplified) (简体中文)

翻译成中文

在这里插入图片描述

Easy LESS

编写less文件后自动生成css或者wxss文件。

在这里插入图片描述
使用方法：在settings.json文件中添加如下配置信息。

 // Easy LESS配置
    "less.compile": {
        "compress": false,//是否压缩
        "sourceMap": false,//是否生成map文件，有了这个可以在调试台看到less行数
        "out": true, // 是否输出css文件，false为不输出，千万不要是false
        "outExt": ".wxss", // 输出文件的后缀,小程序可以写'.wxss'
        // "outExt": ".css", // 输出文件的后缀,小程序可以写'.css'
    }

Turbo Console Log

快捷添加 console.log，一键注释 / 启用 / 删除所有 console.log。这也是我最常用的一个插件

ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log
alt + shift + c (Windows) or option + shift + c (Mac) 注释所有 console.log
alt + shift + u (Windows) or option + shift + u (Mac) 启用所有 console.log
alt + shift + d (Windows) or option + shift + d (Mac) 删除所有 console.log