HTML如何在prettierrc中去掉分號？

Question

使用 prettierrc 和 eslint

"semi" 使用 false，但是在 HTML @update的事件部分是連體的。

如何確保這個分號只在 JS 中有效？

module.exports = {

// tab
"tabWidth": 4,
// 超過100自動換行
"printWidth": 100,
// 使用tab縮進,默認false
"useTabs": false,
// 使用分號,默認true
"semi": false,
//使用單引號,默認false(在jsx中配置無效,默認都是雙引號)
"singleQuote": false, // 行尾逗號,默認none,可選 noneles5|all
// es5 @es5+ R
// all 包括函數對象等所有可選
 "TrailingCooma": "none",
// 對象中的空格 默認true
// true: { foo: bar}
// false: {foo: bar}
"bracketSpacing": true, // JSX標簽閉合位置 默認false
// false: <div
//className=""
//style={{}}
//>

<n-space justify="space-between">
<n-space>
<n-space align="center">
{{ $t("dataTable.listing.dateOfBirth" }}:
<n-date-picker
v-model: value="timeList"
type="daterange"
:shortcuts="rangeShortcuts"
:is-date-disabled="disablePreviousDate"
@update:value="
search.page = 1
getPigFileList()
actions="['confirm']"
/>

Answer 1

我不認為我完全理解你的問題，但看起來你正在使用 vue，在這種情況下建議使用eslint-plugin-prettier-vue ( https://www.npmjs.com/package/eslint- plugin-prettier-vue ），這可能會更好地格式化 HTML 中的內聯 JavaScript 。

此外，在您的特定示例中，您似乎有一個額外的或缺少的"字符；此代碼的格式應正確：

@update:value="
search.page = 1
getPigFileList()
actions=['confirm']" // not actions="['confirm']"