coc-css
Css language server extension for coc.nvim.
Uses vscode-css-languageservice inside.
Note: words are exetracted by iskeyword
option of buffer, you may want to
adjust it by command like:
autocmd FileType css setl iskeyword+=-
Note configuration css.enable
and wxss support removed from 2.0.0.
Install
In your vim/neovim, run the command:
:CocInstall coc-css
For scss files, you may need use:
autocmd FileType scss setl iskeyword+=@-@
in your vimrc for add @
to iskeyword option.
Features
All features that vscode-css-languageservice provide should work.
-
doValidation
analyzes an input string and returns syntax and lint errros. -
doComplete
provides completion proposals for a given location. -
doHover
provides a hover text for a given location. -
findDefinition
finds the definition of the symbol at the given location. -
findReferences
finds all references to the symbol at the given location. -
findDocumentHighlights
finds all symbols connected to the given location. -
findDocumentSymbols
provides all symbols in the given document -
doCodeActions
evaluates code actions for the given location, typically to fix a problem. -
findColorSymbols
evaluates all color symbols in the given document -
doRename
renames all symbols connected to the given location. -
getFoldingRanges
returns folding ranges in the given document. -
format
format css/scss/less files.
Configuration options
Checkout :h coc-configuration
in your vim for guide of coc.nvim's configuration.
-
css.execArgv
: Extra arguments for node which start language server. default:[]
-
css.customData
: default:[]
-
css.completion.triggerPropertyValueCompletion
: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default:true
-
css.completion.completePropertyWithSemicolon
: Insert semicolon at end of line when completing CSS properties. default:true
-
css.validate
: Enables or disables all validations. default:true
-
css.hover.documentation
: Show tag and attribute documentation in CSS hovers. default:true
-
css.hover.references
: Show references to MDN in CSS hovers. default:true
-
css.lint.compatibleVendorPrefixes
: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.vendorPrefix
: When using a vendor-specific prefix, also include the standard property. default:"warning"
Valid options: ["ignore","warning","error"] -
css.lint.duplicateProperties
: Do not use duplicate style definitions. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.emptyRules
: Do not use empty rulesets. default:"warning"
Valid options: ["ignore","warning","error"] -
css.lint.importStatement
: Import statements do not load in parallel. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.boxModel
: default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.universalSelector
: default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.zeroUnits
: No unit for zero needed. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.fontFaceProperties
: default:"warning"
Valid options: ["ignore","warning","error"] -
css.lint.hexColorLength
: Hex colors must consist of three or six hex numbers. default:"error"
Valid options: ["ignore","warning","error"] -
css.lint.argumentsInColorFunction
: Invalid number of parameters. default:"error"
Valid options: ["ignore","warning","error"] -
css.lint.unknownProperties
: Unknown property. default:"warning"
Valid options: ["ignore","warning","error"] -
css.lint.validProperties
: A list of properties that are not validated against theunknownProperties
rule. default:[]
-
css.lint.ieHack
: IE hacks are only necessary when supporting IE7 and older. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.unknownVendorSpecificProperties
: Unknown vendor specific property. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.propertyIgnoredDueToDisplay
: default:"warning"
Valid options: ["ignore","warning","error"] -
css.lint.important
: default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.float
: default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.idSelector
: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default:"ignore"
Valid options: ["ignore","warning","error"] -
css.lint.unknownAtRules
: Unknown at-rule. default:"warning"
Valid options: ["ignore","warning","error"] -
css.trace.server
: Traces the communication between VS Code and the CSS language server. default:"off"
Valid options: ["off","messages","verbose"] -
css.format.enable
: Enable/disable default CSS formatter. default:true
-
css.format.newlineBetweenSelectors
: default:true
-
css.format.newlineBetweenRules
: default:true
-
css.format.spaceAroundSelectorSeparator
: default:false
-
css.format.braceStyle
: default:"collapse"
Valid options: ["collapse","expand"] -
css.format.preserveNewLines
: default:true
-
css.format.maxPreserveNewLines
: default:null
-
scss.completion.triggerPropertyValueCompletion
: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default:true
-
scss.completion.completePropertyWithSemicolon
: Insert semicolon at end of line when completing CSS properties. default:true
-
scss.validate
: Enables or disables all validations. default:true
-
scss.hover.documentation
: Show tag and attribute documentation in SCSS hovers. default:true
-
scss.hover.references
: Show references to MDN in SCSS hovers. default:true
-
scss.lint.compatibleVendorPrefixes
: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.vendorPrefix
: When using a vendor-specific prefix, also include the standard property. default:"warning"
Valid options: ["ignore","warning","error"] -
scss.lint.duplicateProperties
: Do not use duplicate style definitions. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.emptyRules
: Do not use empty rulesets. default:"warning"
Valid options: ["ignore","warning","error"] -
scss.lint.importStatement
: Import statements do not load in parallel. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.boxModel
: default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.universalSelector
: default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.zeroUnits
: No unit for zero needed. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.fontFaceProperties
: default:"warning"
Valid options: ["ignore","warning","error"] -
scss.lint.hexColorLength
: Hex colors must consist of three or six hex numbers. default:"error"
Valid options: ["ignore","warning","error"] -
scss.lint.argumentsInColorFunction
: Invalid number of parameters. default:"error"
Valid options: ["ignore","warning","error"] -
scss.lint.unknownProperties
: Unknown property. default:"warning"
Valid options: ["ignore","warning","error"] -
scss.lint.validProperties
: A list of properties that are not validated against theunknownProperties
rule. default:[]
-
scss.lint.ieHack
: IE hacks are only necessary when supporting IE7 and older. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.unknownVendorSpecificProperties
: Unknown vendor specific property. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.propertyIgnoredDueToDisplay
: default:"warning"
Valid options: ["ignore","warning","error"] -
scss.lint.important
: default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.float
: default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.idSelector
: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default:"ignore"
Valid options: ["ignore","warning","error"] -
scss.lint.unknownAtRules
: Unknown at-rule. default:"warning"
Valid options: ["ignore","warning","error"] -
scss.format.enable
: Enable/disable default SCSS formatter. default:true
-
scss.format.newlineBetweenSelectors
: default:true
-
scss.format.newlineBetweenRules
: default:true
-
scss.format.spaceAroundSelectorSeparator
: default:false
-
scss.format.braceStyle
: default:"collapse"
Valid options: ["collapse","expand"] -
scss.format.preserveNewLines
: default:true
-
scss.format.maxPreserveNewLines
: default:null
-
less.completion.triggerPropertyValueCompletion
: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default:true
-
less.completion.completePropertyWithSemicolon
: Insert semicolon at end of line when completing CSS properties. default:true
-
less.validate
: Enables or disables all validations. default:true
-
less.hover.documentation
: Show tag and attribute documentation in LESS hovers. default:true
-
less.hover.references
: Show references to MDN in LESS hovers. default:true
-
less.lint.compatibleVendorPrefixes
: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.vendorPrefix
: When using a vendor-specific prefix, also include the standard property. default:"warning"
Valid options: ["ignore","warning","error"] -
less.lint.duplicateProperties
: Do not use duplicate style definitions. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.emptyRules
: Do not use empty rulesets. default:"warning"
Valid options: ["ignore","warning","error"] -
less.lint.importStatement
: Import statements do not load in parallel. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.boxModel
: default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.universalSelector
: default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.zeroUnits
: No unit for zero needed. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.fontFaceProperties
: default:"warning"
Valid options: ["ignore","warning","error"] -
less.lint.hexColorLength
: Hex colors must consist of three or six hex numbers. default:"error"
Valid options: ["ignore","warning","error"] -
less.lint.argumentsInColorFunction
: Invalid number of parameters. default:"error"
Valid options: ["ignore","warning","error"] -
less.lint.unknownProperties
: Unknown property. default:"warning"
Valid options: ["ignore","warning","error"] -
less.lint.validProperties
: A list of properties that are not validated against theunknownProperties
rule. default:[]
-
less.lint.ieHack
: IE hacks are only necessary when supporting IE7 and older. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.unknownVendorSpecificProperties
: Unknown vendor specific property. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.propertyIgnoredDueToDisplay
: default:"warning"
Valid options: ["ignore","warning","error"] -
less.lint.important
: default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.float
: default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.idSelector
: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default:"ignore"
Valid options: ["ignore","warning","error"] -
less.lint.unknownAtRules
: Unknown at-rule. default:"warning"
Valid options: ["ignore","warning","error"] -
less.format.enable
: Enable/disable default LESS formatter. default:true
-
less.format.newlineBetweenSelectors
: default:true
-
less.format.newlineBetweenRules
: default:true
-
less.format.spaceAroundSelectorSeparator
: default:false
-
less.format.braceStyle
: default:"collapse"
Valid options: ["collapse","expand"] -
less.format.preserveNewLines
: default:true
-
less.format.maxPreserveNewLines
: default:null
License
MIT