vscode格式化代码_vscode格式化代码是什么意思-CSDN博客

本文链接：https://blog.csdn.net/colorful_S/article/details/115307404

本文介绍了如何在Visual Studio Code(VSCode)中安装并配置Eslint和Vetur插件，以实现代码格式化和保存时自动修复ESLint错误。设置了tab大小、禁止保存时自动格式化、添加函数前空格，并详细配置了vetur的格式化选项，包括HTML和JavaScript的格式风格。

摘要由CSDN通过智能技术生成

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"
		}
	}
}