IT-Tools, 为开发者和IT从业人员提供有用的工具

144 阅读2分钟

logo.png

为开发者和IT从业人员提供有用的工具。看看吧!

声明: 该文章是对Github优秀项目推荐介绍,如有侵权请联系作者删除

image.png

功能和路线图

请查看问题,了解待实现的功能。

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

自行托管

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

从 Docker Hub:

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

从 GitHub Packages:

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"
}

.vue 导入的 Type 支持

TypeScript 默认无法处理 .vue 导入的类型信息,因此我们用 vue-tsc 替代 tsc CLI 进行类型检查。在编辑器中,我们需要 TypeScript Vue Plugin (Volar) 使 TypeScript 语言服务识别 .vue 类型。

如果独立的 TypeScript 插件速度不够快,Volar 还实现了一个更高效的接管模式。可以通过以下步骤启用:

  1. 禁用内置的 TypeScript 扩展

    1. 在 VSCode 的命令面板中运行 Extensions: Show Built-in Extensions
    2. 找到 TypeScript and JavaScript Language Features,右键点击并选择 Disable (Workspace)
  2. 通过运行命令面板中的 Developer: Reload Window 重新加载 VSCode 窗口。

项目设置

编译和热重载开发

类型检查、编译和生产环境压缩

创建新工具

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

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

它将在 src/tools 目录中创建相应文件夹,并在 src/tools/index.ts 中导入新工具。您只需将导入的工具添加到适当的类别并进行开发即可。