使用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、关闭全部
四、右侧下