vscode 配置与扩展
vscode 配置与扩展
3年前 1.06k 阅读
  • 首页
  • /
  • 笔记
  • /
  • 正文
  • 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"
        }
      }
    1
    那年今日

    评语 (0)

    取消