mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 13:57:10 -04:00
103 lines
2.9 KiB
Markdown
103 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)
|