vscode编辑器插件:

215 阅读1分钟

Easy Sass — scss/sass文件保存可自动生成并同步编译成同名css文件

Easy less — less文件保存可自动生成并同步编译成同名css文件

CSS Peek — 自动查找CSS文件

px2rem — px值转rem

SVG Viewer — 预览SVG图片

Path Intellisense — 编辑器中输入路径时,自动补全

beautify— javascript, JSON, CSS, Sass, HTML 代码高亮

JavaScript (ES6) code snippets ES6语法代码段

File Peek — 鼠标移到路径名按住ctrl可打开文件(文件追踪)

Partial Diff 对比两段代码或文件

IntelliSense for CSS class names — CSS类名智能命名提示

JavaScript (ES6) code snippets — JS语法提示

vccode的settings.json基本配置:

    {
        "less.compile": {
            "compress": true, // 是否删除多余空白字符
            "sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
            "out": true, // 是否输出css文件,false为不输出
            "outExt": ".css", // 输出文件的后缀,默认为.css
        },
        "window.zoomLevel": 0,
        "px2rem.rootFontSize": 100,
        "[html]": {
            "editor.defaultFormatter": "vscode.html-language-features"
        },
        "[javascript]": {
            "editor.defaultFormatter": "HookyQR.beautify"
        },
        "workbench.colorTheme": "Visual Studio Light"
    }