使用electron18、vue3、element-plus、node.js、typescript、scss
整个界面结构由四部分构成,
1、顶部的菜单栏
2、左侧文件树
3、右侧上方的代码区
4、右侧下方的命令行终端区域
目前已完成的功能包括
一、菜单栏 (通过渲染进程与主进程的ipc通信完成)
1、打开文件
2、打开文件夹
3、保存
4、通过快捷键ctrl+s 保存
5、最大化窗口
6、最小化窗口
7、关闭窗口
8、还原窗口
二、左侧文件树 (通过node.js fs模块与path模块完成)
1、展开文件树
2、打开文件
3、拖拽文件
4、刷新文件树
5、剪裁文件
6、剪裁文件夹
7、复制文件
8、复制文件夹
9、粘贴
10、新建文件
11、新建文件夹
12、删除文件
13、删除文件夹
14、复制路径
15、重命名
三、右侧上方代码区(通过ipc通信、node.js fs模块、path模块完成)
1、切换
2、编辑
3、关闭
4、保存
5、复制路径
6、关闭已保存
7、关闭其他
8、关闭全部
四、右侧下方命令行终端(通过node.js child_process spawn完成)
1、根据系统与内置终端通信
2、处理成功
3、处理失败
4、根据左侧树切换运行目录
开源地址 https://github.com/Lateautumn00/zhzy-tveep-codeEditor.git
点击空白处退出提示
评论