OdinTheme - VS Code 图标主题
简介
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 扩展市场安装
- 打开 VS Code
- 点击左侧扩展图标（或按
Ctrl+Shift+X / Cmd+Shift+X）
- 搜索 "OdinTheme" 或 "odingg-odintheme"
- 点击安装按钮
方式二：从 VSIX 文件安装
- 下载
.vsix 文件
- 打开 VS Code
- 按
Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板
- 输入 "Extensions: Install from VSIX..."
- 选择下载的
.vsix 文件
方式三：从源码安装
# 克隆仓库
git clone https://gitee.com/odinsam/odin-theme.git
# 进入项目目录
cd odin-theme
# 安装依赖
npm install
# 打包扩展
npm run build
# 安装生成的 .vsix 文件
code --install-extension odingg-odintheme-*.vsix
使用方法
- 安装扩展后，打开 VS Code
- 按
Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板
- 输入 "Preferences: File Icon Theme"
- 选择 "odinSam'Theme imitation vs"
或者：
- 打开设置 (File > Preferences > Settings)
- 搜索 "File Icon Theme"
- 在下拉菜单中选择 "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 或更高版本
开发命令
# 运行 ESLint 检查
npm run lint
# 运行测试
npm test
# 打包扩展
npm run build
# 生成更新日志
npm run genChangeLog
添加新的文件图标
- 将新的 SVG 图标文件添加到
fileicons/images/ 目录
- 在
fileicons/odinsam-icon-theme.json 中添加图标定义
- 在
fileExtensions 或 fileNames 中配置文件关联
- 运行
npm run build 打包并测试
更新日志
查看 [CHANGELOG.md] 了解详细的更新历史。
反馈与贡献
如果您在使用过程中遇到问题或有改进建议，欢迎：
许可证
本项目采用 ISC 许可证。详情请查看 [LICENSE] 文件。
作者
odinsam
致谢
感谢所有为这个项目做出贡献的开发者和用户！
⭐ 如果这个项目对您有帮助，欢迎给它一个 Star！
| |
