webstorm/intellij关于script标签的缩进问题

在jetbrain工具集里面的phpstorm intellij idea webstorm等工具，html插入script标签，标签里面 JavaScript也会indent 一个tab

在vue-cli中，使用eslint时会对代码进行校验，其在.vue文件中支持的是不缩进，如下所示：

这与eslint 默认缩进根式产生冲突。

修改eslint规则适配webstorm/intellij

解决问题，要么修改eslint规则，修改目根下的.eslintrc.js文件，将rules节点添加如下配置项：

{
    rules: {
      // 行末分号（启用）
      'semi': ['warn', 'always'],
      // 函数名后的空格（禁用）
      'space-before-function-paren': ['error', 'never'],
      // 缩进规范（两个空格，一倍缩进）
      'vue/script-indent': ['error', 2, {'baseIndent': 1}],
    }，
    overrides:[
	{
		'files':['*.vue'],
		'rules':{
			'indent':'off'
		}
	}]
}

但是，这个与eslint规则不符合。

第二个

修改webstorm/intellij代码风格适配eslint

修改代码风格

File->settings->Editor->Code Style

修改模板缩进

最后，再导出intellij配置，成员共享

参考文章：

解决eslint与webstorm关于script标签的缩进问题 https://blog.csdn.net/tozeroblog/article/details/85346166

转载本站文章《webstorm/intellij关于script标签的缩进问题》,
请注明出处：https://www.zhoulujun.cn/html/tools/CodeEditor/intelliJ/2020_0903_8556.html