# odinTheme **Repository Path**: odinsam/odin-theme ## Basic Information - **Project Name**: odinTheme - **Description**: vscode extensions theme - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-11-30 - **Last Updated**: 2025-11-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # OdinTheme - VS Code 图标主题 ![](https://img.shields.io/badge/version-1.0.3-brightgreen.svg) ![](https://img.shields.io/badge/platform-VS%20Code-blue.svg) ![](https://img.shields.io/badge/license-ISC-green.svg) [![](https://img.shields.io/badge/Gitee-项目地址-orange.svg)](https://gitee.com/odinsam/odin-theme) [![](https://img.shields.io/badge/作者-odinsam-blue.svg)](https://www.odinsam.com) ## 简介 OdinTheme 是一款专为 Visual Studio Code 设计的精美图标主题扩展。它提供了丰富的文件类型图标支持,让您的代码编辑器更加美观和易于识别。 ## 特性 - 🎨 **丰富的图标支持** - 支持超过 50 种文件类型的图标 - 🚀 **快速识别** - 通过独特的图标快速识别不同类型的文件 - 💡 **持续更新** - 定期添加新的文件类型支持 - 🌈 **精美设计** - 精心设计的 SVG 图标,清晰美观 ## 支持的文件类型 ### 编程语言 - JavaScript (`.js`, `.mjs`) - TypeScript (`.ts`) - JSX (`.jsx`) - TSX (`.tsx`) - C# (`.cs`, `.csproj`, `.sln`) - Vue (`.vue`) - HTML (`.html`, `.htm`) - CSS (`.css`) - SASS (`.sass`) - LESS (`.less`) - XML (`.xml`, `.xaml`, `.targets`, `.props`) ### 配置文件 - JSON (`.json`, `.babelrc`) - YAML (`.yml`, `.yaml`) - INI (`.ini`, `.editorconfig`) - Git 文件 (`.gitignore`, `.gitattributes`, `.gitcommit`) - Docker (`.dockerignore`, `Dockerfile`) - ESLint (`.eslint`, `.eslintignore`) ### 数据库与数据文件 - SQL (`.sql`) - Database (`.db`) ### 图片文件 - PNG (`.png`) - GIF (`.gif`) - JPEG (`.jpg`, `.jpeg`) - SVG (`.svg`) - ICO (`.ico`, `.icon`) ### 文档文件 - Markdown (`.md`) - 文本文件 (`.txt`) - Excel (`.xls`, `.xlsx`) ### 其他文件 - DLL (`.dll`) - VSIX (`.vsix`) - 证书文件 (`.pem`, `.p12`, `.key`, `.certificate`) - 小程序 (`.wxml`, `.wxss`) - 日志文件 (`.log`) - 配置文件 (`web.config`, `LICENSE`, `CHANGELOG.md`) - 版本配置 (`versionconfig`) ### 特殊文件夹 - `.vscode` 文件夹 - `debug` 文件夹 - 普通文件夹 ## 安装方法 ### 方式一:从 VS Code 扩展市场安装 1. 打开 VS Code 2. 点击左侧扩展图标(或按 `Ctrl+Shift+X` / `Cmd+Shift+X`) 3. 搜索 "OdinTheme" 或 "odingg-odintheme" 4. 点击安装按钮 ### 方式二:从 VSIX 文件安装 1. 下载 `.vsix` 文件 2. 打开 VS Code 3. 按 `Ctrl+Shift+P` (Windows/Linux) 或 `Cmd+Shift+P` (Mac) 打开命令面板 4. 输入 "Extensions: Install from VSIX..." 5. 选择下载的 `.vsix` 文件 ### 方式三:从源码安装 ```bash # 克隆仓库 git clone https://gitee.com/odinsam/odin-theme.git # 进入项目目录 cd odin-theme # 安装依赖 npm install # 打包扩展 npm run build # 安装生成的 .vsix 文件 code --install-extension odingg-odintheme-*.vsix ``` ## 使用方法 1. 安装扩展后,打开 VS Code 2. 按 `Ctrl+Shift+P` (Windows/Linux) 或 `Cmd+Shift+P` (Mac) 打开命令面板 3. 输入 "Preferences: File Icon Theme" 4. 选择 "odinSam'Theme imitation vs" 或者: 1. 打开设置 (File > Preferences > Settings) 2. 搜索 "File Icon Theme" 3. 在下拉菜单中选择 "odinSam'Theme imitation vs" ## 项目结构 ``` odinsam-OdinTheme/ ├── assets/ # 扩展资源文件 │ └── avatar.png # 扩展图标 ├── fileicons/ # 图标主题配置 │ ├── images/ # 图标图片资源 │ └── odinsam-icon-theme.json # 图标主题配置文件 ├── extension.js # 扩展入口文件 ├── package.json # 扩展配置文件 ├── CHANGELOG.md # 更新日志 ├── LICENSE # 许可证文件 └── README.md # 说明文档 ``` ## 开发说明 ### 环境要求 - Node.js 20.x - VS Code 1.47.0 或更高版本 ### 开发命令 ```bash # 运行 ESLint 检查 npm run lint # 运行测试 npm test # 打包扩展 npm run build # 生成更新日志 npm run genChangeLog ``` ### 添加新的文件图标 1. 将新的 SVG 图标文件添加到 `fileicons/images/` 目录 2. 在 `fileicons/odinsam-icon-theme.json` 中添加图标定义 3. 在 `fileExtensions` 或 `fileNames` 中配置文件关联 4. 运行 `npm run build` 打包并测试 ## 更新日志 查看 [CHANGELOG.md] 了解详细的更新历史。 ## 反馈与贡献 如果您在使用过程中遇到问题或有改进建议,欢迎: - 提交 Issue: [Gitee Issues](https://gitee.com/odinsam/odin-theme/issues) - 提交 Pull Request: Fork 项目后提交 PR - 联系作者: 访问 [odinsam.com](https://odinsam.com) ## 许可证 本项目采用 ISC 许可证。详情请查看 [LICENSE] 文件。 ## 作者 **odinsam** - 网站: [odinsam.com](https://odinsam.com) - Gitee: [@odinsam](https://gitee.com/odinsam) ## 致谢 感谢所有为这个项目做出贡献的开发者和用户! --- ⭐ 如果这个项目对您有帮助,欢迎给它一个 Star!