vscode扩展及相应配置记录

  • background 背景
  • Bracket Pair Colorizer 彩色括号
  • EditorConfig for VS Code 生成.editorconfig文件
  • ESLint
  • GitLens 易查看处理的 git 版本信息工具
  • language-stylus stylus语法支持
  • Manta's Stylus Superemacy .styl文件格式化
  • Markdown Preview Enhanaced github风格markdown预览
  • Vetur .vue文件语法支持及格式化
{
  "workbench.colorTheme": "Monokai",
  // 一个制表符等于的空格数。该设置在 "editor.detectIndentation" 启用时根据文件内容可能会被覆盖。
  "editor.tabSize": 2,
  // 终端在 Windows 上使用的 shell 的路径。
  "terminal.integrated.shell.windows": "C://Program Files//Git//bin//bash.exe",
  // 设置 git 安装路径
  "git.path": "C://Program Files//Git//bin//bash.exe",
  // Eslint配置
  "workbench.startupEditor": "welcomePage",
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],

  // stylus
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": true, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": true, // 两个选择器中是否换行

  // "window.zoomLevel": 0,
  // "files.autoSaveDelay": 4000,

  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",

  // emmet
  "emmet.includeLanguages": {
    "vue": "html",
    "vue-html": "html",
    "js": "js"
  },

  // prettier
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.jsxSingleQuote": true,
  "prettier.eslintIntegration": true,

  // vetur
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // force-aligned | force-expand-multiline
      "wrap_attributes": "force-aligned"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": true
    },
    "prettier": {
        "semi": false,
        "singleQuote": true
    }
  },
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "window.zoomLevel": 0,
  "keyboard-counter.keycount": 2488
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前置知识 首先说明一下,vscode 为我们提供了两种设置方式: User Settings(用户设置):全局设置...
    Whyn阅读 36,449评论 1 29
  • 工欲善其事必先利其器,软件工程师每天打交道最多的可能就是编辑器了。入行几年来,先后折腾过的编辑器有 EditPlu...
    王仕军阅读 10,491评论 2 33
  • 使用 vue-cli 初始化项目 命令行下运行:vue init webpack demo, 前几项都默认回车,U...
    saronic阅读 11,251评论 1 1
  • 在公交车上,芊芊拿着我的公交卡突然指着我贴在上面的卡通人物贴纸说:“这个是女王,这个是帅哥。”(贴纸上一个美少女一...
    沐兮ing阅读 2,713评论 0 1
  • 李清照(1084—1155?),自号易安居士,济南府人。父亲李格非,著《洛阳名园记》,以文章受知于苏轼。母亲王氏,...
    千年一梦OK阅读 8,250评论 5 25