VsCode Eslint + Vue 自动完善

最新推荐文章于 2025-05-05 19:41:02 发布

转载最新推荐文章于 2025-05-05 19:41:02 发布 · 425 阅读

工具的使用专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在VSCode中配置必要的插件和设置，以优化Vue.js项目的开发体验。包括安装Eslint和Vetur插件，以及一系列提高工作效率的个性化设置。

安装vscode插件

Eslint
vetur

设置约束

文件-> 首选项->设置

在这里插入图片描述

{
	"explorer.confirmDelete": false,
	"editor.suggestSelection": "first",
	"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
	"git.autofetch": true,
	"editor.tabSize": 2,
	"files.associations": {
		"*.vue": "vue"
	},
	"eslint.autoFixOnSave": true,
	"eslint.options": {
		"extensions": [
			".js",
			".vue"
		]
	},
	"eslint.validate": [
		"javascript", {
			"language": "vue",
			"autoFix": true
		}, "html",
		"vue"
	],
	"search.exclude": {
		"**/node_modules": true,
		"**/bower_components": true,
		"**/dist": true
	},
	"emmet.syntaxProfiles": {
		"javascript": "jsx",
		"vue": "html",
		"vue-html": "html"
	},
	"git.confirmSync": false,
	"window.zoomLevel": 0,
	"editor.renderWhitespace": "boundary",
	"editor.cursorBlinking": "smooth",
	"editor.minimap.enabled": true,
	"editor.minimap.renderCharacters": false,
	"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
	"editor.codeLens": true,
	"editor.snippetSuggestions": "top",
	"eslint.alwaysShowStatus": true
}