Skip to content
Online html/css/js editor.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
home Add home introduction. Feb 24, 2019
public
src Load code mirror from cdn. Feb 27, 2019
.browserslistrc init Feb 22, 2019
.editorconfig Add ESLinit and use it to clean up code. Feb 26, 2019
.eslintrc.js Add ESLinit and use it to clean up code. Feb 26, 2019
.gitignore init Feb 22, 2019
README.md
README_cn.md Update README. Feb 24, 2019
package-lock.json
package.json Add ESLinit and use it to clean up code. Feb 26, 2019
postcss.config.js
vue.config.js

README.md

中文版说明

iCode is an online html/css/js editor. Online Demo

Why create iCode?

Yes, there are already many mature products on the market, such as jsfiddle, codepen, etc. Why did I create another one? Very simple: Practice for css and Vue development. 😂

Features

Such as:

  • Layout for html/css/js/preview is similar to iTerm2: Highlight the current panel, drag and drop to adjust the panel size, etc.

  • Shortcut support:   - ⌘1/2/3/4 to toggle show or hide for html/js/css/preview panel.   - ⌘Enter to run the code manually.
  • Basic editor support such as automatic indentation, syntax highlighting, syntax checking, etc.
  • The code is saved in the browser's local storage.

Code will automatically run after editing by default. You can cancel the option by clicking the Settings icon in the lower right corner of the page.

TODO

iCode is far away from a mature product:

  • Multi-project support; currently iCode only supports single project code
  • Cloud save code, running across browsers
  • Code can be embedded in the website
  • Upload resource files
  • More interface layouts, themes
  • ...

How to Run?

Just npm run serve

Welcome to chat with me~

You can’t perform that action at this time.