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

最新推荐文章于 2023-03-27 07:45:00 发布

原创最新推荐文章于 2023-03-27 07:45:00 发布 · 481 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

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

本地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
    }]
 即可