Как я могу получить автозаполнение для свойств CSS JavaFX в VS Code?

Вы можете получить что-то базовое с помощью средства пользовательских данных CSS VS Code . Это средство довольно ограничено. Кажется, в настоящее время у него нет способа ограничить допустимые значения для каждого пользовательского свойства ^{_{( cssLanguageTypes.ts mentions restrictions and values fields, but those aren't in the customdata JSON schema for reasons I don't know)}}, и, похоже, у него нет способа ограничить, какие селекторы релевантны свойству (но опять же, я не думаю, что VS В любом случае встроенный CSS кода имеет такую ​​функцию).

Создайте в своей рабочей области файл с именем вроде «javafx-css-vscode-customdata.json» и поместите в него следующее:

{
  "$schema": "https://github.com/microsoft/vscode-css-languageservice/raw/main/docs/customData.schema.json",
  "version": 1.1,
  "properties": [

  ]
}

Затем откройте справочную документацию по CSS для версии JavaFX, которую вы используете (например, https://openjfx.io/javadoc/20/javafx.graphics/javafx/scene/doc-files/cssref.html), и запустите следующий код JavaScript в инструментах разработки вашего браузера:

console.info([...document.querySelectorAll("tr:has(th.propertyname)")]
  .filter(tr => tr.children[0].textContent.startsWith("-fx-"))
  .map(tr => {
    const clean = c => c.textContent.trim().replaceAll("\"","\\\"").replaceAll(/\n +/g," ");
    const descParts = [...tr.children].slice(1).map(clean);
    const headers = [...tr.parentElement.parentElement.querySelector("thead > tr").children].slice(1).map(clean);
    const description = headers.map((header,index) => `${header}: ${descParts[index]}`).join("\\n\\n");
    return `{\n  "name": "${tr.children[0].textContent}",\n  "description": "${description}"\n}`;
  })
  .join(",\n")
);

Скопируйте вывод этого кода и вставьте его в массив properties в JSON-файле customdata.

Затем в файле .vscode/settings.json рабочей области поместите следующее:

"css.customData": [
   "./javafx-css-vscode-customdata.json"
]

Вот пример части вывода вышеуказанного скрипта:

{
  "name": "-fx-opacity",
  "description": "**Values**: <number>\n\n**Default**: 1\n\n**Range**: [0.0 ... 1.0]\n\n**Comments**: Opacity can be thought of conceptually as a postprocessing operation. Conceptually, after the node (including its descendants) is rendered into an RGBA offscreen image, the opacity setting specifies how to blend the offscreen rendering into the current composite rendering."
},

Возможно, вам придется перезапустить VS Code, чтобы новые изменения вступили в силу.

Я бы включил пример файла JSON с пользовательскими данными, но он был бы слишком большим, чтобы соответствовать ограничению размера сообщения Stack Exchange.

Обратите внимание: если вы просто хотите, чтобы у свойств не было предупреждений о «нераспознанном свойстве», вы можете использовать параметр css.lint.validProperties.