# web-tools

**Repository Path**: lihaicg/web-tools

## Basic Information

- **Project Name**: web-tools
- **Description**: 程序员常用工具集合，简单方便！！！
试用地址 https://www.smart-diy.cn/
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-06
- **Last Updated**: 2024-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![logo](.github/logo.png)



IT 工作人员常用的工具集合。[点一下 !](https://tools.lihaicg.top).






## Contribute

### 推荐IDE及插件

[VSCode](https://code.visualstudio.com/) with the following extensions:

- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur)
- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [i18n Ally](https://marketplace.visualstudio.com/items?itemName=lokalise.i18n-ally)

with the following settings:

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

### TS 中对 `.vue` 导入的类型支持

默认情况下，TypeScript 无法处理“.vue”导入的类型信息，因此我们将“tsc”CLI 替换为“vue-tsc”来进行类型检查。 在编辑器中，我们需要 [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) 来使 TypeScript 语言服务识别 `.vue` 类型。

如果您觉得独立的 TypeScript 插件不够快，Volar 还实现了性能更高的[接管模式](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669)。 您可以通过以下步骤启用它：

1.禁用内置的TypeScript扩展
    1. 从 VSCode 的命令面板运行“扩展：显示内置扩展”
    2. 找到“TypeScript 和 JavaScript 语言功能”，右键单击并选择“禁用（工作区）”
2. 通过从命令面板运行“Developer: Reload Window”来重新加载 VSCode 窗口。

### 项目安装

```sh
pnpm install
```

### 开发模式

```sh
pnpm dev
```

### 编译

```sh
pnpm build
```

### 使用 [Vitest](https://vitest.dev/) 运行单元测试

```sh
pnpm test
```

### 使用 [ESLint](https://eslint.org/) 进行 Lint

```sh
pnpm lint
```

### 使用脚本创建一个新的工具

要创建新工具，有一个脚本可以生成新工具的样板文件，只需运行：

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

它将在`src/tools`中创建一个包含正确文件的目录，并在`src/tools/index.ts`中导入。 您只需将导入的工具添加到适当的类别中并开发该工具即可。

## 贡献者
非常感谢所有已经做出贡献的人！
本项目是基于it-tools(https://github.com/CorentinTh/it-tools/)做的二次开发，向该项目致谢！

## License

This project is under the [GNU GPLv3](LICENSE).