vscode 是 Microsoft 发布的一款开源跨平台的轻量级的源代码编辑器，可扩展性强、支持的语言多。

我常用的几个扩展：

• 主题（Atom Material Theme）
• 自动重命名标签（Auto Rename Tag）
• js代码自动压缩（Minify）
• 代码格式化（Prettier）
• PHP 代码格式化（PHP Intelephense）

• css代码压缩（scss-to-css）
  scss-to-css 扩展需要 node.js 的支持，安装后在命令提示符中安装 node-sass 依赖。

  npm install -g cnpm --registry=https://registry.npm.taobao.org
  cnpm i node-sass

  我配置的 settings.json

  {
    /* 主题 */
    "workbench": {
        "colorTheme": "Atom Material Theme"
    },
  
    /* 面包屑 */
    "breadcrumbs": {
        "enabled": false
    },
  
    "prettier": {
        /* 格式化插件的tab长度 */
        "tabWidth": 4,
        /* 设置JS以单引号格式化 */
        "singleQuote": true,
        /* html换行宽度 */
        "printWidth": 999999999,
        /* 箭头函数是否有小括号 */
        "arrowParens": "avoid",
        /* 缩进不使用tab，使用空格 */
        "useTabs": true,
        /* 句尾添加分号 */
        "semi": true,
        /* 对象数组最后一个是否有逗号 */
        "trailingComma": "none",
        /* 标签换行 */
        "htmlWhitespaceSensitivity": "ignore"
    },
  
    "editor": {
        /* 保存时格式化 */
        "formatOnSave": false,
        /* 字体大小 */
        "fontSize": 16,
        /* 右侧的代码预览小窗口 */
        "minimap": {
            "enabled": false
        }
    },
  
    "explorer": {
        /* 删除文件的弹框 */
        "confirmDelete": false,
        /* 文件夹展开方式 */
        "compactFolders": false
    },
  
    "git": {
        /* 关闭git */
        "enabled": false
    },
  
    "html": {
        /* html禁止换行 */
        "format": {
            "wrapLineLength": 999999
        }
    },
    "emmet": {
        /* 按下标签时自动补全html */
        "triggerExpansionOnTab": true
    },
  
    /* 文件顶部的作者信息 */
    "fileheader.customMade": {
        "Descripttion": "",
        "Author": "小王先森",
        "Date": "Do not edit",
        "LastEditTime": "Do not Edit"
    },
  
    "rootFontSize": 18,
  
    /* 打开软件时是否显示欢迎界面 */
    "workbench.startupEditor": "newUntitledFile",
  
    /* 默认格式化插件 */
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "files.exclude": {
        ".gitignore": true,
        ".tea": true
    },
    "files.associations": {
        "*.vm": "html"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "easysass.formats": [
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "explorer.confirmDragAndDrop": false,
    "minify.minifyExistingOnSave": true,
    "workbench.colorTheme": "Atom Material Theme",
    "diffEditor.ignoreTrimWhitespace": false,
    "files.autoSave": "afterDelay",
    "prettier.tabWidth": 4,
    "[php]": {
        "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
    }
  }