1
0
Fork 0
1Panel-Appstore/apps/it-tools/README.md

4.1 KiB
Raw Permalink Blame History

logo

有用的工具,适用于开发人员和 IT 行业工作者。 看看吧!

功能与路线图

请查看 问题 ,看看是否有列出的功能即将实现。

您有一个工具的想法吗?提交一个 功能请求

自托管

为您的家庭实验室提供自托管解决方案

从 Docker Hub 获取:

docker run -d --name it-tools --restart unless-stopped -p 8080:80 corentinth/it-tools:latest

从 GitHub 包获取:

docker run -d --name it-tools --restart unless-stopped -p 8080:80 ghcr.io/corentinth/it-tools:latest

其他解决方案:

贡献

推荐 IDE 设置

VSCode 配置以下扩展:

使用以下设置:

{
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "i18n-ally.localesPaths": [
    "locales",
    "src/tools/*/locales"
  ],
  "i18n-ally.keystyle": "nested"
}

Type Support for .vue Imports in TS

TypeScript 默认无法处理 .vue 导入的类型信息,因此我们用 vue-tsc 替换 tsc CLI 进行类型检查。在编辑器中,我们需要 TypeScript Vue 插件 (Volar) 来让 TypeScript 语言服务了解 .vue 类型。

如果您觉得独立的 TypeScript 插件不够快Volar 还实现了更高效的 接管模式 。您可以通过以下步骤启用它:

  1. 禁用内置的 TypeScript 扩展
    1. 从 VSCode 的命令面板运行 Extensions: Show Built-in Extensions
    2. 找到 TypeScript and JavaScript Language Features ,右键单击并选择 禁用(工作区)
  2. 通过从命令面板运行 开发者:重新加载窗口 来重新加载 VSCode 窗口。

项目设置

pnpm install

编译和热重载以进行开发

pnpm dev

类型检查、编译和压缩以用于生产

pnpm build

使用 Vitest 运行单元测试

pnpm test

使用 ESLint 进行代码检查

pnpm lint

创建一个新工具

要创建一个新工具,有一个脚本可以生成新工具的模板,只需运行:

pnpm run script:create-new-tool my-tool-name

它将在 src/tools 目录下创建正确的文件,并在 src/tools/index.ts 中添加导入。你只需将导入的工具添加到正确的类别并开发工具即可。

致谢

Corentin Thomasset❤️ 编写。

该项目使用 vercel.com 持续部署。

IT Tools - Collection of handy online tools for devs, with great UX | Product Hunt IT Tools - Collection of handy online tools for devs, with great UX | Product Hunt

许可证

此项目遵循 GNU GPLv3 协议。