A browser based code editor
Find a file
2018-03-12 16:21:25 +01:00
.vscode Init 2016-06-23 11:52:34 +02:00
scripts Adopt monaco-plugin-helpers 2018-03-12 16:15:10 +01:00
src Use import() for lazy loading code 2018-03-12 16:21:07 +01:00
test Add a test page, simplify development setup 2016-10-19 12:43:37 +02:00
.gitignore Init 2016-06-23 11:52:34 +02:00
.npmignore Ship ESM; Adopt latest deps 2018-03-09 14:19:20 +01:00
gulpfile.js remove escapeText 2018-01-23 18:25:30 +01:00
LICENSE.md Init 2016-06-23 11:52:34 +02:00
package-lock.json 2.0.0 2018-03-12 16:21:25 +01:00
package.json 2.0.0 2018-03-12 16:21:25 +01:00
README.md Add a test page, simplify development setup 2016-10-19 12:43:37 +02:00
webpack.dev.config.js Ship ESM; Adopt latest deps 2018-03-09 14:19:20 +01:00
webpack.min.config.js Ship ESM; Adopt latest deps 2018-03-09 14:19:20 +01:00

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

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

  • git clone https://github.com/Microsoft/monaco-css
  • cd monaco-css
  • npm install .
  • npm run watch
  • open $/monaco-css/test/index.html in your favorite browser.

License

MIT