简单记录一下三人团队共同开发同一项目时,由于vscod插件不同导致的问题。

当使用不同的VSCode插件时,可能会导致在使用eslint --fix命令进行代码自动修复时出现不同的结果。

同事使用了 vetur 插件,而我用的是 volar。我们在使用 :deep 选择器时,他使用 vetur 插件运行后会把代码格式化成以下形式:

      :deep(.ag-theme-alpine .ag-header-cell, .ag-theme-alpine
          .ag-header-group-cell) {

而我使用 volar 插件运行后,代码格式化成以下形式:

      :deep(
          .ag-theme-alpine .ag-header-cell,
          .ag-theme-alpine .ag-header-group-cell
        ) {

虽然两种格式的代码在功能上是一致的,但是由于格式的不同会导致在协同开发中出现困扰,执行npm run serve后会报错。禁用vetur后执行vue-cli-service lint即可解决

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐