113 lines
6.2 KiB
HTML
113 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>EasyProject | 前端项目管理工具</title>
|
||
<link rel="shortcut icon" href="./img/logo.png">
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<div class="auto">
|
||
<img class="logo" src="./img/logo.png"/>
|
||
<div class="desc">导入前端项目，帮您将零碎零散的前端项目进行统一管理</div>
|
||
<img class="banner_img" src="./img/banner_img.png" alt="">
|
||
<div class="desc_tips">
|
||
<div>EasyProject 是 MacOS 平台上一款前端项目管理，配置工具。</div>
|
||
<div>导入删除项目、实时编辑 package.json、一键启停项目、复制终端日志、一键更新，删除，安装，查看依赖、更换项目图片、自定义背景，模糊，透明个性设置......等众多丰富功能满足你的需求。</div>
|
||
<div>欢迎您下载体验！</div>
|
||
</div>
|
||
<div class="down"> MacOS 下载 </div>
|
||
<div class="support">*支持 Apple M1 和 Intel 芯片</div>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<!--导入项目-->
|
||
<div class="auto">
|
||
<div class="padding import item">
|
||
<div class="title">一键导入项目，<br>简单快速、无需等待。</div>
|
||
<div class="desc">点击【导入项目】，选择本地具有 package.json 文件的项目，注意：支持所有 前端 和 Nodejs.js项目<br>一次导入永久有效，除非您选择移除项目。</div>
|
||
<div class="demonstration wow animate__animated animate__backInLeft">
|
||
<video src="./img/import.mp4" oncontextmenu="return false" controlslist="nodownload noplaybackrate" disablePictureInPicture controls muted></video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--主题功能-->
|
||
<div class="theme">
|
||
<div class="auto">
|
||
<div class="padding item">
|
||
<div class="title">个性张扬<br><span>要效率也要颜值</span></div>
|
||
<div class="desc">多种内置配置方案和默认图片主题。<br>不够？<br>支持设置 本地&网络 图片作为主题，自定义 文字颜色&激活色。你的个性你自己做主！</div>
|
||
<div class="demonstration wow animate__animated animate__bounce"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--核心项目-->
|
||
<div class="auto">
|
||
<div class="padding core item">
|
||
<div class="title">轻松自如的管理众多项目，<br>省下的时间何不摸鱼。</div>
|
||
<div class="desc">进入项目主页，您可以使用【配置】编辑项目的 package.json（实时同步到您本地文件哦） <br>
|
||
或是选择【任务】来随意启动停止服务，亦或使用【依赖】来轻松处理依赖关系，查看依赖文档等..</div>
|
||
<div class="demonstration wow animate__animated animate__slideInUp">
|
||
<video src="./img/core.mp4" oncontextmenu="return false" controlslist="nodownload noplaybackrate" disablePictureInPicture controls muted></video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--主题功能-->
|
||
<div class="tray">
|
||
<div class="auto">
|
||
<div class="padding item">
|
||
<div class="title">操作便捷，选择更多</div>
|
||
<div class="desc">支持TouchBar，顶部菜单栏<br> 如果不喜欢频繁切换应用，您还可以通过点击状态栏上的图标选择【隐藏Dock】，然后关闭程序，纯粹作为状态栏应用来使用。</div>
|
||
<div class="demonstration wow animate__animated animate__bounce"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--基础功能-->
|
||
<div class="base">
|
||
<div class="auto">
|
||
<div class="padding item">
|
||
<div class="title">众多便捷功能<br>让您的开发效率不断提升</div>
|
||
<div class="desc">可以一键在资源管理器中打开项目、为项目打开终端、修改项目图标，重命名项目、从本地移除等</div>
|
||
<div class="demonstration wow animate__animated animate__fadeInDown">
|
||
<video src="./img/base.mp4" oncontextmenu="return false" controlslist="nodownload noplaybackrate" disablePictureInPicture controls muted></video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<!--意见反馈-->
|
||
<div class="contact">
|
||
<div class="auto">
|
||
<div class="padding item">
|
||
<div class="title">联系作者</div>
|
||
<div class="desc">有任何问题请加QQ联系: 2271608011</div>
|
||
<!-- <h2>待实现功能：</h2>-->
|
||
<!-- <ul>-->
|
||
<!-- <li>1: 把当前正在使用项目的所有命令放到Touchbar上，可以在Touchbar上启停。</li>-->
|
||
<!-- <li>2: 把项目命令运行时的内存占用，CPU占用显示在顶部菜单栏。</li>-->
|
||
<!-- <li>3: 设置里面还需增加个 选择包管理工具的select，现在默认用的npm，可以选cpm，npm，yarn，pnpm。</li>-->
|
||
<!-- <li>4: 优化未完成的页面样式和细节。</li>-->
|
||
<!-- <li>5: 修改框架创建窗口的数据存储方式，让升级弹窗基于BrowserWindow实现。</li>-->
|
||
<!-- <li>6: 增加一键停止所有项目命令的功能，方便在项目较多时一键启停</li>-->
|
||
<!-- </ul>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="footer"></div>
|
||
</body>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
</html>
|