mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
102 lines
2.9 KiB
Markdown
102 lines
2.9 KiB
Markdown
|
||
|
||
对于开发人员和 IT 工作人员来说非常有用的工具。
|
||
|
||
[[在线预览](https://it-tools.haokudelei.com/)]
|
||
|
||
## 建议新工具
|
||
|
||
请前往 issues 提出新工具的想法，并查看列出的某些功能是否已实现。
|
||
|
||
## 指北
|
||
|
||
### 推荐的 IDE 设置
|
||
|
||
建议安装 [VSCode](https://code.visualstudio.com/) 扩展:
|
||
|
||
- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (需要禁用 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)
|
||
|
||
建议的扩展设置:
|
||
|
||
```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
|
||
git clone https://gitee.com/angelofan/it-tools.git
|
||
```
|
||
|
||
### 安装依赖
|
||
|
||
```sh
|
||
cd it-tools
|
||
```
|
||
|
||
```sh
|
||
npm install
|
||
```
|
||
|
||
### 启动实时重载开发
|
||
|
||
```sh
|
||
npm run dev
|
||
```
|
||
|
||
### 编译
|
||
|
||
```sh
|
||
npm run build
|
||
```
|
||
|
||
### 使用 [ESLint](https://eslint.org/) 进行检查
|
||
|
||
```sh
|
||
npm run lint
|
||
```
|
||
|
||
### 创建一个新工具
|
||
|
||
要创建新工具，有一个脚本可以生成新工具的样板文件，只需运行：
|
||
|
||
```sh
|
||
npm run script:create:tool your-tool-name
|
||
```
|
||
|
||
它将在 “src/tools” 中创建一个包含正确文件的目录，并在 “src/tools/index.ts” 中自动导入。您只需要将导入的工具添加到适当的类别中并开发该工具。
|
||
|
||
## 贡献
|
||
|
||
非常感谢所有已经做出贡献的人！
|
||
|
||
由作者 [Corentin Thomasset](//corentin-thomasset.fr) 编写。
|
||
|
||
该项目使用 [vercel.com](https://vercel.com) 持续部署。
|
||
|
||
贡献者图是使用 [contrib.rocks](https://contrib.rocks/preview?repo=corentinth/it-tools) 生成的。
|
||
|
||
## 许可证
|
||
|
||
[GNU GPLv3](LICENSE)
|