Style Converter

English | 中文

English

A Visual Studio Code extension for converting between different CSS preprocessor formats.

Features

• Convert between Stylus and SCSS
• Compile Stylus/SCSS to CSS
• Convert CSS to Stylus/SCSS
• Right-click menu support
• Source map support for SCSS compilation
• Support for nested syntax conversion
• Support for variable conversion
• Support for mixin conversion

Installation

1. Open VS Code
2. Press Ctrl+P / Cmd+P
3. Type ext install vilin.style-converter

Usage

1. Right-click on a style file in VS Code explorer
2. Select the desired conversion option:
   • Convert Stylus to SCSS
   • Convert SCSS to Stylus
   • Compile Stylus to CSS
   • Compile SCSS to CSS
   • Convert CSS to Stylus
   • Convert CSS to SCSS

Notes

• Converted files are saved in the same directory as the original file
• Original files remain unchanged
• It's recommended to verify the generated files after conversion

Requirements

• Visual Studio Code ^1.60.0
• Node.js >=14.0.0

Dependencies

• stylus-converter ^0.8.1: For Stylus conversions
• stylus ^0.59.0: For Stylus processing
• sass ^1.70.0: For SCSS processing

Known Issues

If you encounter any issues, please contact the extension author.

License

MIT

中文

用于在不同 CSS 预处理器格式之间转换的 Visual Studio Code 扩展。

功能特性

• 在 Stylus 和 SCSS 之间转换
• 将 Stylus/SCSS 编译为 CSS
• 将 CSS 转换为 Stylus/SCSS
• 支持右键菜单操作
• SCSS 编译支持 Source Map
• 支持嵌套语法转换
• 支持变量转换
• 支持混合器(mixin)转换

安装方法

1. 打开 VS Code
2. 按下 Ctrl+P / Cmd+P
3. 输入 ext install vilin.style-converter

使用方法

1. 在 VS Code 资源管理器中右键点击样式文件
2. 选择需要的转换选项：
   • 将 Stylus 转换为 SCSS
   • 将 SCSS 转换为 Stylus
   • 将 Stylus 编译为 CSS
   • 将 SCSS 编译为 CSS
   • 将 CSS 转换为 Stylus
   • 将 CSS 转换为 SCSS

注意事项

• 转换后的文件会保存在原文件的同一目录下
• 原文件不会被修改或删除
• 建议在转换后检查生成的文件，确保样式正确性

系统要求

• Visual Studio Code ^1.60.0
• Node.js >=14.0.0

依赖项

• stylus-converter ^0.8.1：用于 Stylus 相关转换
• stylus ^0.59.0：用于 Stylus 处理
• sass ^1.70.0：用于 SCSS 处理

已知问题

如果您在使用过程中遇到任何问题，请联系插件作者。

许可证

MIT