mirror of
https://github.com/microsoft/monaco-editor.git
synced 2024-11-25 16:35:44 +08:00
A browser based code editor
.vscode | ||
src | ||
.gitignore | ||
.npmignore | ||
gulpfile.js | ||
LICENSE.md | ||
package.json | ||
README.md |
Monaco JSON
JSON language plugin for the Monaco Editor. It provides the following features when editing JSON files:
- Code completion, based on JSON schemas or by looking at similar objects in the same file
- Hovers, based on JSON schemas
- Validation: Syntax errors and schema validation
- Formatting
- Document Symbols
- Syntax highlighting
Schemas can be provided by configuration. See here for the API that the JSON plugin offers to configure the JSON language support.
Internally the JSON plugin uses the vscode-json-languageservice node module, providing the implementation of the functionally listed above. The same module is also used in Visual Studio Code to power the JSON editing experience.
Issues
Please file issues concering monaco-json
in the monaco-editor
-repository.
Installing
This npm module is bundled and distributed in the monaco-editor npm module.
- change to your favorite source folder (
/src/
) git clone https://github.com/Microsoft/monaco-editor
(this will create$/src/monaco-editor
)- in folder
monaco-editor
runnpm install
and runnpm run simpleserver
- open http://localhost:8080/monaco-editor/test/index.html#sample - json
Development
Dev: Running monaco-json from source
- change to your favorite source folder (
/src/
). - if you haven't done so:
git clone https://github.com/Microsoft/monaco-editor
(this will create$/src/monaco-editor
) git clone https://github.com/Microsoft/monaco-json
(this will create$/src/monaco-json
)- Important: both monaco repositories must have the same parent folder.
- in folder
monaco-json
runnpm install
and runnpm run watch
- in folder
monaco-editor
runnpm install
and runnpm run simpleserver
- open http://localhost:8080/monaco-editor/test/?monaco-json=dev
[Optional] Running monaco-editor-core from source
- this is only needed when you want to make changes also in
monaco-editor-core
. - change to the same favorite source folder (
/src/
) that already containsmonaco-json
andmonaco-editor
git clone https://github.com/Microsoft/vscode
(this will create$/src/vscode/
)- read here on how to initialize the VS code source repository.
- in folder
vscode
rungulp watch
- open http://localhost:8080/monaco-editor/test/?monaco-json=dev&editor=dev