文件名称：tech-training-camp-frontend
文件大小：319KB
文件格式：ZIP
更新时间：2024-04-06 14:20:25
JavaScript
基于React和mark-it实现的简易编辑器 最终还是替代了直接用现成的编译器，光是学习react就花了很多时间。 v0.5 只有简单的输入和预览功能，编辑框采用了monaco-editor。但是由于编辑框的使用有点复杂，暂时也没想好合理的方法来实现toolBar功能，暂时搁置。 v1.0 思前想后，还是决定再做一遍该项目，不想半途而废。不过编译器还是没用自己实现，原因是编译原理真的好摘要：（ 预览界面 参考博客将项目部署到了线上环境，所以可以直接使用。 技术栈 React React钩 antd（最后约会了一点，还没使用熟练，所以前面的样式基本还是手写） 实现功能 在线编辑与预览 左右窗户同步滚动 顶部功能栏（简陋） 待改进的点 代码应该分开为各个组件，由于是第一次上手，就写在一起的方便操作，有时间应该分开一下。 css样式没有设计好，最后约会了antd写顶部工具栏，但是没有布局
【文件预览】：
tech-training-camp-frontend-main
----.gitignore(310B)
----package.json(1KB)
----package-lock.json(653KB)
----src()
--------Editor.js(178B)
--------index.js(160B)
--------App.js(5KB)
--------Tool.js(126B)
--------App.css(5KB)
--------Preview.js(108B)
----public()
--------index.html(439B)
----README.md(5KB)
----.idea()
--------mkdown-master.iml(458B)
--------modules.xml(278B)
----yarn.lock(514KB)