vscode格式化代码

vscode 工具 本身进行代码格式化，能通过eslint检测
安装插件：Eslint & vetur
在设置里面，配置设置中的json文件：注：workspace.json

{
	"folders": [
		{
			"path": "/Users/shiby/Desktop/vale/dcits_vela"
		}
	],
	"settings":{
		// tab 大小为2个空格
		"editor.tabSize": 2,
		//禁止保存的时候格式化
		"editor.formatOnSave": true,
		"editor.codeActionsOnSave": {
			"source.fixAll.eslint": true
		},
		//函数名称前 加一个空格
		"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
		//格式化插件配置，设置为vetur
		"[vue]": {
			"editor.defaultFormatter": "octref.vetur"
		},
		"vetur.format.defaultFormatterOptions": {
			"js-beautify-html": {
				// #vue组件中html代码格式化样式
				"wrap_attributes": "force-aligned", //也可以设置为“auto”，效果会不一样
				"wrap_line_length": 200,
				"end_with_newline": false,
				"semi": true,
				"singleQuote": true
			},
			"prettier": {
				//设置分号
				"semi": false,
				//双引号变成单引号
				"singleQuote": true,
				//禁止随时添加逗号,这个很重要。找了好久
				"trailingComma": "none"
			}
		},
		"[javascript]": {
			"editor.defaultFormatter": "vscode.typescript-language-features"
		}
	}
}