阿道夫2022年07月07日
81阅读

作品详情

使用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
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论