A browser based code editor
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Go to file
Alex Dima 966506278e
Set `printWidth` to 100
4 years ago
.vscode Run prettier 4 years ago
scripts Set `printWidth` to 100 4 years ago
src Set `printWidth` to 100 4 years ago
test Set `printWidth` to 100 4 years ago
.gitignore
.npmignore improve `.npmignore` 4 years ago
.prettierignore update to latest CSS language service 4 years ago
.prettierrc Set `printWidth` to 100 4 years ago
LICENSE.md Run prettier 4 years ago
README.md Run prettier 4 years ago
monaco.d.ts Use the global `monaco` only in the AMD case (see microsoft/monaco-editor#1974) 4 years ago
package-lock.json update deps 4 years ago
package.json update deps 4 years ago

README.md

Monaco CSS

CSS language plugin for the Monaco Editor. It provides the following features when editing CSS, LESS and SCSS files:

  • Code completion
  • Hovers
  • Validation: Syntax errors and linting
  • Find definition, references & highlights for symbols in the same file
  • Document Symbols
  • Color Decorators

Linting an be configured through the API. See here for the API that the CSS plugin offers to configure the CSS/LESS/SCSS language support.

Internally the CSS plugin uses the vscode-css-languageservice node module, providing the implementation of the functionally listed above. The same module is also used in Visual Studio Code to power the CSS, LESS and SCSS editing experience.

Issues

Please file issues concering monaco-css in the monaco-editor repository.

Installing

This npm module is bundled and distributed in the monaco-editor npm module.

Development

  • npm install .
  • compile with npm run compile
  • watch with npm run watch
  • npm run prepublishOnly
  • open $/monaco-css/test/index.html in your favorite browser.

License

MIT