OnlineCodeEditor
所属分类:代码编辑器
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2022-07-15 06:18:34
上 传 者:
sh-1993
说明: 一个简单的代码编辑器,如CodePen,由Vue3构建
(A simple code editor like CodePen, built by Vue3)
文件列表:
.browserslistrc (30, 2023-11-26)
.editorconfig (121, 2023-11-26)
.eslintrc.js (1249, 2023-11-26)
LICENSE (1073, 2023-11-26)
iframe.html (1068, 2023-11-26)
index.html (902, 2023-11-26)
package.json (1141, 2023-11-26)
public/ (0, 2023-11-26)
public/favicon.ico (1327, 2023-11-26)
src/ (0, 2023-11-26)
src/App.vue (124, 2023-11-26)
src/assets/ (0, 2023-11-26)
src/assets/base.css (1324, 2023-11-26)
src/assets/logo.png (6849, 2023-11-26)
src/assets/variable.scss (91, 2023-11-26)
src/components/ (0, 2023-11-26)
src/components/Code.vue (6053, 2023-11-26)
src/components/Editor.vue (4252, 2023-11-26)
src/components/Footer.vue (1806, 2023-11-26)
src/components/Header.vue (2666, 2023-11-26)
src/components/MobileTab.vue (1517, 2023-11-26)
src/components/Setting.ts (178, 2023-11-26)
src/components/Setting.vue (11678, 2023-11-26)
src/iframe.ts (3761, 2023-11-26)
src/main.ts (342, 2023-11-26)
src/shims-vue.d.ts (148, 2023-11-26)
src/store/ (0, 2023-11-26)
src/store/index.ts (136, 2023-11-26)
src/store/modules/ (0, 2023-11-26)
src/store/modules/setting.ts (682, 2023-11-26)
src/utils/ (0, 2023-11-26)
src/utils/dom.ts (867, 2023-11-26)
src/utils/helper.ts (863, 2023-11-26)
src/views/ (0, 2023-11-26)
src/views/Home.vue (6471, 2023-11-26)
... ...
# Online Code Editor
An online code Editor like `CodePen`, built by Vue3.
This is a pratice project.
## Status:
-
Simple Demo1
-
Simple Demo2
## Feature
Offline Demo.(Used iframe and `postMessage` to refresh)
Layout Resize and Fold.
HTML/CSS
`Emmet`
Add CDN.
Add SCSS Mode. (It's based on an online api provided by
sassmeister.com)
Mobile View. (Responsive design)
## Todo
Javascript Babel Mode.
Account System for code sync.
Online Code show.
More code layout view.
...
近期下载者:
相关文件:
收藏者: