vue-element-admin 代码格式化问题

最新推荐文章于 2023-07-24 20:28:35 发布

最美不过下雨天啊

最新推荐文章于 2023-07-24 20:28:35 发布

阅读量460

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/handsomezls/article/details/129320064

文章讲述了如何修改本地vue-element-admin项目的代码缩进，从默认的2个空格调整为4个空格。涉及的工具包括vscode的prettier插件，以及对editorconfig、package.json和.eslintrc.js的配置更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本地clone了vue-element-admin项目，但是前端两个空格的缩进看着很不爽，为了解决这个问题，可以进行如下操作。

首先我本地vscode使用的是prettier格式化，prettier设置的4空格缩进。执行以下步骤，将项目中的eslint设置成4空格缩进。

1. .editorconfig文件中，将indent_size改成4
2. package.json文件中，将"lint": "eslint --ext .js,.vue src",改成"lint": "eslint --fix --ext .js,.vue src",
3. .eslintrc.js文件中，将rules中的
	'indent': [2, 2, {
      'SwitchCase': 1
    }]
 改成
 	'indent': [2, 4, {
      'SwitchCase': 1
    }]
 即可