Electron Monaco Editor

A powerful Electron app integrating Monaco Editor for a seamless code editing experience.
Explore the docs »
Report Bug · Request Feature

About The Project electron-monaco-editor is an Electron-based application designed with a code editor using Monaco Editor. It incorporates modern web technologies such as React for UI, and @emotion/react for styled components, making development.

Built With Electron React Monaco Editor Recoil @emotion/react Material-UI Getting Started To get a local copy up and running follow these simple steps.

Prerequisites

clone

git clone https://github.com/jihwankim97/electron-monacoEditor.git

npm

$ npm install

Prerequisites Before running node-pty in your Electron app, ensure you have the following prerequisites installed:

Node.js: It's essential to use a version of Node.js that is compatible with your Electron version. You can find this information in the Electron documentation for your specific version.

npm or yarn: These are Node.js package managers. You will need one of them to install node-pty and other dependencies.

Python: node-pty uses node-gyp for native builds, which requires Python. Make sure you have Python version 2.7, or 3.5–3.8 installed. Later versions might not be compatible with node-gyp.

A C++ compiler toolchain: node-pty contains native code that needs to be compiled. On Windows, this could be Visual Studio Build Tools. On macOS and Linux, this is typically GCC or Clang. If you are on a Mac, the easiest way to get these tools is by installing Xcode Command Line Tools by running xcode-select --install in the terminal.

After ensuring that these prerequisites are in place, you can proceed with the installation and running of node-pty within your Electron application.

electron-rebuild

.\node_modules\.bin\electron-rebuild.cmd

If the command .\node_modules.bin\electron-rebuild.cmd does not work, please refer to https://www.electronjs.org/docs/latest/tutorial/using-native-node-modules for guidance.

start

npm start

Usage Use this space to show useful examples of how a project can be used. Additional screenshots, code examples, and demos work well in this space.

Roadmap See the open issues for a list of proposed features (and known issues).

Contributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

License Distributed under the MIT License. See LICENSE for more information.

Contact Project Link: https://github.com/jihwankim97/electron-monacoEditor

Contributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repository and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request License Distributed under the MIT License. See LICENSE file for more information.

Project Link: https://github.com/jihwankim97/electron-monacoEditor