# NginxFormat **Repository Path**: zxj6/nginx-format ## Basic Information - **Project Name**: NginxFormat - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-08-04 - **Last Updated**: 2025-09-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # NginxFormat - Nginx配置文件格式化工具 一个专为uTools设计的Nginx配置文件格式化插件,支持文本输入和文件上传两种方式。 ## 功能特性 - 🔧 **智能格式化**: 自动处理Nginx配置文件的缩进和代码块结构 - 📝 **文本输入**: 支持直接粘贴配置内容进行格式化 - 📁 **文件上传**: 支持拖拽或选择.conf文件进行格式化 - 💾 **保存功能**: 格式化后可直接保存为.conf文件 - 📋 **复制功能**: 一键复制格式化结果到剪贴板 - 💬 **注释保留**: 保持原有注释内容和格式 - 🎨 **现代界面**: 简洁美观的用户界面 ## 使用方法 ### 在uTools中使用 1. 在uTools中输入以下关键词激活插件: - `nginx格式化` - `nginx format` - `格式化nginx` 2. 或者直接拖拽.conf文件到uTools中选择本插件 ### 功能操作 1. **文本输入方式**: - 在左侧输入框中粘贴Nginx配置内容 - 点击"✨ 格式化"按钮 - 在右侧查看格式化结果 2. **文件上传方式**: - 拖拽.conf文件到插件界面 - 或通过uTools文件匹配功能选择文件 - 插件会自动读取并格式化文件内容 3. **结果操作**: - 点击"📋 复制"将结果复制到剪贴板 - 点击"💾 保存"将结果保存为.conf文件 ## 开发环境 ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` 开发服务器将在 http://localhost:5173 启动(如果端口被占用会自动选择其他端口) ### 构建生产版本 ```bash npm run build ``` ## 技术栈 - **Vue 3**: 前端框架 - **Vite**: 构建工具 - **TypeScript**: 类型支持 - **uTools API**: 插件平台接口 ## 项目结构 ``` NginxFormat/ ├── public/ │ ├── plugin.json # uTools插件配置 │ ├── logo.png # 插件图标 │ └── preload/ │ └── services.js # Node.js服务接口 ├── src/ │ ├── NginxFormat/ │ │ └── index.vue # Nginx格式化主组件 │ ├── App.vue # 应用主组件 │ └── main.js # 应用入口 ├── package.json └── vite.config.js ``` ## 格式化规则 - 自动处理代码块缩进(4个空格) - 保持注释行的原有格式 - 正确处理大括号的开闭 - 移除多余的空白行 - 统一换行符格式 ## 示例 ### 格式化前 ```nginx server{listen 80;server_name example.com;location /{proxy_pass http://backend;}} ``` ### 格式化后 ```nginx server { listen 80; server_name example.com; location / { proxy_pass http://backend; } } ``` ## 许可证 MIT License