Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yaegassy/coc-html-css-support
HTML id and class attribute "completion" for coc.nvim.
https://github.com/yaegassy/coc-html-css-support
blade coc coc-extension coc-nvim css html neovim vim vue
Last synced: 19 days ago
JSON representation
HTML id and class attribute "completion" for coc.nvim.
- Host: GitHub
- URL: https://github.com/yaegassy/coc-html-css-support
- Owner: yaegassy
- License: mit
- Created: 2021-02-19T08:52:50.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-07-11T08:18:09.000Z (4 months ago)
- Last Synced: 2024-10-12T18:41:04.470Z (29 days ago)
- Topics: blade, coc, coc-extension, coc-nvim, css, html, neovim, vim, vue
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/coc-html-css-support
- Size: 346 KB
- Stars: 42
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# coc-html-css-support
> fork from a [ecmel/vscode-html-css](https://github.com/ecmel/vscode-html-css) | [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)
HTML id and class attribute "completion" for [coc.nvim](https://github.com/neoclide/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](https://github.com/neoclide/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:**
```json
{
"html-css-support.styleSheets": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"/style.css",
"style.css"
]
}
```
### Add other HTML like languages (Example)
**coc-settings.json:**
```json
{
"html-css-support.enabledLanguages": [
"html",
"vue",
"blade",
"htmldjango",
"typescriptreact",
"javascriptreact"
]
}
```
## What is customData?
You can read more about customData in the following repositories.
-
-
## Thanks
- [ecmel/vscode-html-css](https://github.com/ecmel/vscode-html-css) : The origin of this repository.
## License
MIT
---
> This extension is built with [create-coc-extension](https://github.com/fannheyward/create-coc-extension)