vscode 配置规范

vscode 配置规范

前端团队的代码如果没有一个规范,每个人格式化之后的代码都不一样,会造成代码管理混乱.增加维护成本.所以一个前端团队必须要有一个代码格式化的标准规范

以下是我们前端制定的代码规范

	{
	  // 公共部分
	  "editor.fontLigatures": true,
	  // vscode默认启用了根据文件类型自动设置tabsize的选项
	  "editor.detectIndentation": false,
	  // 让函数(名)和后面的括号之间加个空格
	  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
	  "vetur.format.defaultFormatter.html": "js-beautify-html",
	  "vetur.format.options.tabSize": 2,
	  "vetur.format.options.useTabs": false,
	  "vetur.format.defaultFormatterOptions": {
	    "prettier": {
	      "semi": false,
	      "singleQuote": true,
	      "printWidth": 140,
	      "tabWidth": 2,
	      "trailingComma": "none",
	      "arrowParens": "avoid"
	    },
	    "js-beautify-html": {
	      // 换字符数
	      "wrap_line_length": 140,
	      // 属性换行
	      "wrap_attributes": "auto",
	    }
	  },
	  "beautify.language": {
	    "js": {
	      "type": [
	        "javascript",
	        "json",
	        "jsonc"
	      ],
	      "filename": [
	        ".jshintrc",
	        ".jsbeautifyrc"
	      ]
	    },
	    "css": [
	      "css",
	      "less",
	      "scss"
	    ],
	    "html": [
	      "htm",
	      "html"
	    ]
	  },
	  "window.zoomLevel": 0,
	  "vetur.validation.template": false,
	  "vetur.ignoreProjectWarning": true,
	  "diffEditor.ignoreTrimWhitespace": false,
	  "extensions.ignoreRecommendations": true,
	  // 缩进
	  "editor.tabSize": 2,
	  // 字体大小
	  "editor.fontSize": 14,
	  // 文件自动保存
	  "files.autoSave": "onFocusChange",
	  // 保存自动格式化
	  "editor.formatOnSave": true,
	}