常用vscode插件与设置

常用插件

• Bracket Pair Colorizer // 匹配tag高亮
• Quokka.js // vscode运行js文件
• REST Client // vscode调用接口
• Beautify // 格式化文件

  // .jsbeautifyrc
  
      {
          "end_with_newline": true,
          "brace_style": "none,preserve-inline",
          "indent_size": 4,
          "indent_char": " ",
          "jslint_happy": true,
          "unformatted": [""],
          "css": {
              "indent_size": 4
          }
      }
  

• Auto Close Tag // 标签自动闭合
• auto-rename-tag // 同步修改标签名
• Indent-Rainbow // 彩虹缩进
• Indenticator // 缩进对齐辅助线
• Document This // 自动生成标准注释
• EditorConfig for VS Code // 为项目添加本地设置

  // .editorconfig
  
      root = true
      [*]
      charset = utf-8
      end_of_line = lf
      indent_style = space
      indent_size = 4
      trim_trailing_whitespace = true
      insert_final_newline = true
  

• ESLint // 语法检查
• Less IntelliSense //less 书写工具
• Path IntelliSense //path 书写工具
• SCSS IntelliSense //path 书写工具
• Open HTML in Default Browser // 右键html文件在浏览器打开

常用 user Setting

{
    "window.zoomLevel": 0,
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "emmet.triggerExpansionOnTab": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript", {
            "language": "vue",
            "autoFix": true
        },{
            "language": "react",
            "autoFix": true
        }, {
            "language": "html",
            "autoFix": true
        }, 
    ]
}