如何让Prettier忽略Vue中的格式化代码?

nc1teljy  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(178)

我是Vue.js的新手。我在一个Vue项目上工作,我对Prettier有问题。我使用Vue语言功能(Volar)。我不知道这是不是问题所在。我使用// prettier-ignore让Prettier忽略代码行,但它不起作用。

代码片段:

<script setup>
import { computed, onMounted } from "vue";
import store from "../store";
import axiosClient from "../axiosClient";

const meals = computed(() => store.state.meals);

// prettier-ignore
const letters = [
  "A",
  "B",
  "C",
  "D",
  "E",
  "F",
  "G",
  "H",
  "I",
  "J",
  "K",
  "L",
  "M",
  "N",
  "O",
  "P",
  "Q",
  "R",
  "S",
  "T",
  "U",
  "V",
  "W",
  "X",
  "Y",
  "Z",
];
onMounted(() => {
  axiosClient.get("list.php?i=list");
});
</script>
z18hc3ub

z18hc3ub1#

真的取决于你的配置tbh,我倾向于使用Prettier通过ESlint作为explained here
如果你仍然想在你的VScode编辑器中坚持使用Prettier作为扩展,那么你可能需要深入一些设置(检查上面的链接,仍然有相关的配置设置)。
我也知道Volar也可能影响整个事情,因此你有3个罪魁祸首要检查:

  • ESLint
  • 漂亮
  • 掌侧
  • Vetur(如果仍在项目中)
  • 其他格式/扩展

我建议你选择一个你想使用的(ESlint是最通用的,如果与其他人一起工作),并逐个禁用,看看谁影响什么(检查你的settings.json文件)。
不要忘记不时地重新加载你的编辑器,以确保刷新整个lint/扩展服务器,有时候会很挑剔。
x1c 0d1x检查您的problems view也有助于尝试找出什么影响了什么(是的,要让所有东西都能很好地协同工作,这是相当多的配置)。
这也可能是一个不错的整体阅读:https://antfu.me/posts/why-not-prettier

相关问题