coc-html-css-support

coc-html-css-support

fork from a ecmel/vscode-html-css | HTML CSS Support

HTML id and class attribute "completion" for coc.nvim.

Install

:CocInstall coc-html-css-support

Features

• HTML id and class attribute completion.
• Supports linked and embedded style sheets.
• Supports template inheritance.
• Supports additional style sheets.
• Supports other HTML like languages.
• Command to make html.customData built-in in coc-html-css-support available at the workspace level.
  • Require coc-html

Configuration options

• html-css-support.enable: Enable coc-html-css-support extension, default: true
• html-css-support.enabledLanguages: List of languages which suggestions are desired, default: ["html"]
• html-css-support.styleSheets: List of local or remote style sheets for suggestions, default: []

Commands

• html-css-support.dispose: Clear cache and reload the stylesheet
• html-css-support.customDataSetup: Setup html.customData in workspace config. Supported customData are as follows
  • Alpine.js
  • petite-vue

Example settings

Additional Style Sheets (Example)

coc-settings.json:

{
    "html-css-support.styleSheets": [
        "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css",
        "/style.css",
        "style.css"
    ]
}

Add other HTML like languages (Example)

coc-settings.json:

{
    "html-css-support.enabledLanguages": [
        "html",
        "vue",
        "blade",
        "htmldjango",
        "typescriptreact",
        "javascriptreact"
    ]
}

What is customData?

You can read more about customData in the following repositories.

• https://github.com/microsoft/vscode-custom-data
• https://github.com/Microsoft/vscode-html-languageservice/blob/main/docs/customData.md

Thanks

• ecmel/vscode-html-css : The origin of this repository.

License

MIT

This extension is built with create-coc-extension