vscode 插件

插件

typescript
Eslint
GitLens
Prettier
TODO Highlight
Tslint
vscode-wechat
auto-header
React Native Tools
Typescript React code snippets

setting.json

{
  // 常用设置
  "files.associations": {
    "*.es6": "javascript",
    // "*.vue": "vue-html",
    "*.tpl": "html",
    "*.ejs": "ejs",
    "*.*rc": "json"    
  },
  "editor.fontFamily":
    "Source Code Pro, INCONSOLATA, monospace, Monaco, ANDALE MONO, COURIER",
  "editor.renderLineHighlight": "none",
  "editor.lineHeight": 24,
  "editor.roundedSelection": false,
  "editor.fontSize": 16,
  // "editor.tabSize": 4,
  "editor.renderIndentGuides": true,
  "editor.renderWhitespace": "all",
  "editor.minimap.enabled": false,

  // 文件资源管理器
  // 在“打开的编辑器”窗格中显示的编辑器数量。将其设置为 0 可隐藏窗格。
  "explorer.openEditors.visible": 0,
  // 控制打开的编辑器部分的高度是否应动态适应元素数量。
  // "explorer.openEditors.dynamicHeight": false,

  // 工作台
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "vscode-icons",

  // 集成终端
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.fontFamily": "Source Code Pro",

  // theme
  // "material-icon-theme.folders.iconsEnabled": true,
  "material-icon-theme.folders.icons": "specific",

  // 扩展
  "extensions.autoUpdate": true,

  // vetur configuration
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.validation.style": false,

  // ESLint
  "eslint.autoFixOnSave": true,
  "eslint.validate": ["javascript", "javascriptreact", {
    "language": "vue"
  }],
  "window.zoomLevel": 0,

  // typescript
  // 启用/禁用默认 TypeScript 格式化程序。
  // "typescript.format.enable": true,
  // 启用/禁用实现 CodeLens。要求 TypeScript >= 2.2.0。
  "typescript.implementationsCodeLens.enabled": true,
  // 禁用自动获取类型。需要 TypeScript >= 2.0.6，并且更改后需要重启。  
  "javascript.implicitProjectConfig.checkJs": true,

  // stylelint
  "stylelint.enable": true,
  "css.validate": false,
  "scss.validate": false,  
  "stylelint.additionalDocumentSelectors": ["html", "vue"],  

  // tslint
  "tslint.autoFixOnSave": true,

  // prettiter
  // Use 'prettier-eslint' instead of 'prettier'. Other settings will only be fallbacks in case they could not be inferred from eslint rules.
  "prettier.eslintIntegration": true,
  "prettier.stylelintIntegration": true,
  "prettier.tabWidth": 4,
  // "prettier.typescriptEnable": [],
  // "prettier.stylelintIntegration": "prettier-stylelint",

  // docker configuration options
  // Show or hide the Explorer.
  "docker.showExplorer": false,

  // Defines if the code outline feature (and window) are enabled or not.
  "typescriptHero.codeOutline.enabled": false,


  // emmet
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "vue": "html",
    "vue-html": "html"
  },
  "emmet.preferences": {
    "bem.elementSeparator": "__",
    "bem.modifierSeparator": "_",
    "bem.shortElementPrefix": "-"
  }
}