快捷搜索:  汽车  科技

vscode离线安装预览安装包(切换为中文简体)

vscode离线安装预览安装包(切换为中文简体)现在3.0.0版本已不再维护,建议下载更高版本源码地址:https://github.com/ritwickdey/vscode-live-sass-compiler/按提示重启右下角会有安装成功提示,会有重启(restart)提示按提示重启。

VScode设置中文

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

vscode离线安装预览安装包(切换为中文简体)(1)

输入configure language,回车

vscode离线安装预览安装包(切换为中文简体)(2)

选择安装其他语言 (默认是英文的)

选择简体中安装(荧光笔标注的地方)

按提示重启

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

按提示重启。

下载Live Sass编译器

vscode离线安装预览安装包(切换为中文简体)(3)

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

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

vscode离线安装预览安装包(切换为中文简体)(4)

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

编译配置

vscode离线安装预览安装包(切换为中文简体)(5)

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

vscode离线安装预览安装包(切换为中文简体)(6)

附参考配置

{ "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 }



猜您喜欢: