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

  • vscode的安装、切换为中文简体、集成sass已关闭评论
  • 151 次浏览
  • A+
所属分类:Web前端
摘要

打开vscode ,按快捷键“Ctrl+Shift+P”输入configure language,回车选择安装其他语言 (默认是英文的)


VScode设置中文

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

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

输入configure language,回车

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

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

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

按提示重启

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

按提示重启。

下载Live Sass编译器

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

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

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

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

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

编译配置

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

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

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

附参考配置

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