/JS-Encoder

JS-Encoder is an online web compiler(前端在线编译器)build with vue and codemirror.

Primary LanguageJavaScript

JS-Encoder

👉 An online WEB compiler based on Vue.js and Codemirror👈

English | 简体中文

1614658567_1_.png

Preview

open JS-Encoder

Describe

JS-Encoder gets some inspiration from JS Bin and CODEPEN, both of then are excellent online compiler. Built with Vue.js and Codemirror.

In fact, JS-Encoder was released in its original version last year, but there were many shortcomings, so this year I rebuilt the JS-Encoder. If you want to see the old version, please go to: The old version.

Feature 🌟

  • Live preview.
  • Support for a variety of front-end languages and pre-processing languages.
  • Support for external scripts and styles.
  • Local storage, where you can save code on the compiler locally, currently supports three forms:
    • Single file: A file include HTML, CSS and JS named index.html.
    • Zip: A zip file include HTML file, CSS file and JS file.
    • Preprocessing files: if you are using a preprocessing language, you can download a preprocessing language file that is not compiled.
  • File import, you can import the file from the local to the compiler, the compiler will automatically read the contents of the file and display in the edit window.
  • Support for multiple keyboard shortcuts, including the emmet extension.
  • Add markdown mode, support edit window and preview window real-time preview and synchronous scrolling, and add shortcut menu bar.
  • Search code function.
  • CDN search function, faster to add required CSS and JS external links.
  • Console, display log and debug.
  • Code hinter.
  • Personalized settings.
  • linter for some languages.

Future ❓

  • rebuild, due to the new features of Vue3 and the support for TypeScript, JS-Encoder will be refactored after all dependent Vue plugins are compatible with Vue3.
  • Preprocessor support, JS-Encoder may support more front-end languages, such as component writing that supports Vue and React.
  • More personalized settings.

Support

If you want to support JS-Encoder, click star 💗 to support it!

LICENSE

The MIT LICENSE