vscode的安装、切换为中文简体、集成sass

VScode设置中文

打开vscode ，按快捷键“Ctrl+Shift+P”

输入configure language，回车

选择安装其他语言 （默认是英文的）

选择简体中安装（荧光笔标注的地方）

按提示重启

右下角会有安装成功提示，会有重启(restart)提示

按提示重启。

下载Live Sass编译器

源码地址：https://github.com/ritwickdey/vscode-live-sass-compiler/

现在3.0.0版本已不再维护，建议下载更高版本

源码地址：https://github.com/glenn2223/vscode-live-sass-compiler/

编译配置

也可以点这里切换到源码视图

附参考配置

{
    "liveSassCompile.settings.formats": [
   
        {
            /*
                :nested – 嵌套格式
                :expanded – 展开格式
                :compact – 紧凑格式
                :compressed – 压缩格式
            */
            "format": "compact",  // 可定制的出口CSS样式（expanded，compact，compressed，nested）
            "extensionName": ".css",
            "savePath": "~/../css"      // 为null 表示当前目录
        }
    ],
    /* 排除目录 */
    "liveSassCompile.settings.excludeList": [
        "/**/node_modules/**",
        "/.vscode/**"
    ],
    /* 是否生成对应的map */
    "liveSassCompile.settings.generateMap": true,
    /* 是否添加兼容前缀 例如：-webkit- -moz- ...等 */
    "liveSassCompile.settings.autoprefix": [
        "> 1%",
        "last 2 versions"
    ],
    "explorer.confirmDelete": false
}