Sublime Autoprefixer 开源项目教程

Sublime Autoprefixer 开源项目教程

sublime-autoprefixerSublime plugin to prefix your CSS项目地址:https://gitcode.com/gh_mirrors/su/sublime-autoprefixer

项目的目录结构及介绍

Sublime Autoprefixer 项目的目录结构相对简单，主要包含以下几个部分：

• autoprefixer
  • autoprefixer.py：主插件文件，包含插件的主要逻辑。
  • commands.py：定义了插件的命令。
  • messages.py：包含插件的提示信息。
  • settings.py：处理插件的设置。
  • tests：包含插件的测试文件。
    • test_autoprefixer.py：测试主插件功能的文件。
    • test_commands.py：测试命令功能的文件。
    • test_settings.py：测试设置功能的文件。
  • README.md：项目的说明文档。
  • LICENSE：项目的许可证。
  • messages.json：包含插件的国际化消息。
  • settings.json：插件的默认设置。

项目的启动文件介绍

项目的启动文件是 autoprefixer.py，它包含了插件的主要逻辑和初始化代码。以下是该文件的主要内容：

import sublime
import sublime_plugin
import subprocess
import json
import os

from .messages import Messages
from .settings import Settings
from .commands import AutoprefixerCommand

class AutoprefixerListener(sublime_plugin.EventListener):
    def on_post_save(self, view):
        if Settings.get('on_save'):
            view.run_command('autoprefixer')

该文件主要负责加载插件的设置、消息和命令，并在文件保存时触发 Autoprefixer 命令。

项目的配置文件介绍

项目的配置文件主要包括 settings.json 和 messages.json。

settings.json

settings.json 文件定义了插件的默认设置，以下是该文件的部分内容：

{
  "browsers": [
    "> 1%",
    "last 2 versions",
    "Firefox ESR",
    "Opera 12.1"
  ],
  "cascade": true,
  "remove": true,
  "on_save": false
}

这些设置包括浏览器支持范围、是否启用级联样式、是否移除不必要的前缀以及是否在保存时自动运行插件。

messages.json

messages.json 文件包含了插件的国际化消息，以下是该文件的部分内容：

{
  "en": {
    "error": "Autoprefixer error: {{error}}"
  },
  "zh": {
    "error": "Autoprefixer 错误: {{error}}"
  }
}

这些消息用于在插件运行时显示错误信息，支持多种语言。

通过以上介绍，您可以更好地理解和使用 Sublime Autoprefixer 开源项目。

sublime-autoprefixerSublime plugin to prefix your CSS项目地址:https://gitcode.com/gh_mirrors/su/sublime-autoprefixer