NPM module to connect Monaco editor with language servers
- Look at the example client to learn how to start Monaco language client.
- Look at the example express app to learn how to open a web socket with an express app and launch a language server within the current process or as an external process.
- Look at the browser example to learn how to use a language service written in JavaScript in a simple HTML page.
Click here for a detail explanation how to connect the Monaco editor to your language server.
git clone https://github.com/TypeFox/monaco-languageclient.git
cd monaco-languageclient
npm install
There are two different examples that demonstrate how the monaco-languageclient
can be used. The Node.js example uses Express to serve content and the browser example shows how a language service written in JavaScript can be used in a Monaco Editor contained in a simple HTML page.
The example node package is located under the monaco-languageclient/examples/nodejs
directory. All tasks below should be run from this directory.
From CLI:
- Run
npm install
andnpm run build
to install dependencies and build the example node package. - Run
npm run start
to start the express server with the language server running in the same process. - Run
npm run start:ext
to start the express server with language server running in the external process.
After staring the express server go to https://localhost:3000 to open the sample page.
You can as well run vscode tasks to start and debug the server in different modes.
The example browser package is located under the monaco-languageclient/examples/browser
directory. All tasks below should be run from this directory.
From CLI:
- Run
npm install
andnpm run build
to install dependencies and build the example HTML and JavaScript files.
After the example has been built, open monaco-languageclient/examples/browser/lib/index.html
in a browser to open the sample page.
You can as well run vscode tasks to start and debug the server in different modes.