网站建设资讯

NEWS

网站建设资讯

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
}

新闻名称:vscode的安装、切换为中文简体、集成sass
标题路径:http://cdweb.net/article/dsojshi.html