Git Product home page Git Product logo

js-encoder / js-encoder Goto Github PK

View Code? Open in Web Editor NEW
235.0 235.0 57.0 14.1 MB

一个前端在线编辑器,且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。

Home Page: https://jsencoder.cn/code

License: MIT License

HTML 0.52% Vue 39.79% CSS 3.11% SCSS 7.27% Shell 0.15% TypeScript 48.86% JavaScript 0.31%
code-editor-online codemirror6 console css front-end html javascript vue3

js-encoder's Introduction

JS-Encoder

一个前端在线编辑器,且致力于成为一个方便、快速的在线 Web 实例开发、调试工具

使用 Vue3 和 Codemirror6 构建

👉 Get Started 👈

说明文档 | Github | License

旧版(V3) 代码 链接

Screenshot 2024-05-17 150903
图中代码示例来自CodePen

特性

  • 编写代码并实时预览。
  • 支持包含 TypeScript、Scss、Markdown 等常用语言在内的12种预处理语言。
  • 支持使用模板,可自定义,并且支持 Vue 单文件组件的开发。
  • 视图自由分割,合适的布局更能提升编码效率。
  • 可上传本地代码或下载 JS-Encoder 中编写的代码。
  • 内置 Console 随时调试,在大多数时间告别 F12。
  • 丰富的编码设置、插件,提供更舒适的编码体验。

未来

所有未来计划的功能性改动都记录在此:TO DO LIST

本地运行

npm run dev

如果你是该项目的贡献者,请使用该命令运行,该命令会执行 stylelint 和 eslint 的校验(在 commit 时会再进行一次校验):

npm run start

js-encoder's People

Contributors

dependabot[bot] avatar longgererer avatar zmcode avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

js-encoder's Issues

node-sass一直安装不上

你是用的是哪个npm版本,现在node-sass一直安装不上,很头疼,我用的M1芯片的MacBook pro

是否会考虑增加vue的单文件模板

是否会考虑支持类型这样的写法:

<script setup>
import {ref} from 'vue'
const message = ref("hello")
</script>

<template>
  <div>
    {{ message }}
  </div>
</template>

在使用script setup语法糖的块内,回车总会多出一个缩进

问题描述
在script setup的单文件模板内些代码的时候,回车换行会带出一层缩进
image

如何复现?

  1. 选择vue的component模板,改成setup语法糖
  2. 正常换行输入

预期结果是什么?
光标应该定位到行首
浏览器版本
Microsoft Edge
版本 126.0.2592.61 (正式版本) (64 位)
其他内容

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.