RailsMagicClipboard

Sublime text 插件，用于将剪贴板中的 CSS、HTML 或 JavaScript（包括 .html.erb 文件中的内容）转换为 SASS、CoffeeScript 或 HAML 并显示在屏幕上。在包控制中查看此处。

“这是我用过的最好的 Sublime Text 插件。在过去的 5 分钟里为我节省了 5 分钟。” - @jrnbs

安装

通过包控制安装

1. 在 Sublime Text 中打开包控制菜单栏（超级+shift+p）并输入 install package
2. 搜索 RailsMagicClipboard，并单击它以安装该软件包。
3. 查看设置问题，看是否需要安装任何额外服务。

手动安装

1. 将此存储库克隆到 Sublime Text 软件包目录。
2. 遵循所有其他说明（尤其是《设置问题》部分！)

用法

使用 super+k+v 将剪贴板中的 CSS、Javascript 或 HTML（包括 .html.erb 文件）插入到 .css.sass、.js.coffee 或 .html.haml 文件中。复制的资料将被分别以 SASS、CoffeeScript 和 HAML 格式插入到文件中。非常适合直接从 Stack Overflow 复制粘贴。

本插件旨在在安装后尽可能不被使用，直到同事看到你的肩上并且感到震惊。因此，我建议将 super+v 绑定到用户键绑定中的 rails_magic_clipboard 命令。此映射完全是可选的。

# Preferences/Key Bindings - User

[
    {
        "keys": ["super+v"], "command": "rails_magic_clipboard"
    }
]

从那时起，您可以将原始 CSS 粘贴到 .css.sass 文件中，并惊讶地看到纯 SASS 学习内容被粘贴到文件中，而粘贴到其他文件中的所有文本都将按默认方式粘贴（因此不用担心！ ）其他支持的格式也适用相同的神奇效果。

设置问题

CSS 转换为 SASS

您必须安装sass gem才能使用此插件CSS 转 SASS功能。内部，我们使用sass-convert命令，该命令需要sass gem。要安装sass gem，请访问https://sass-lang.com.cn/install。

将 JS 转换为 CoffeeScript

要使用 JS 自动转换为 CoffeeScript，您需要安装js2coffee Node 包模块（https://www3.npmjs.net.cn/package/js2coffee）。如果您尚未安装js2coffee，可以使用以下命令轻松安装：

$ npm install -g js2coffee

如果您尚未安装npm，可以遵循这里的说明http://blog.npmjs.org/post/85484771375/how-to-install-npm。

将 HTML 转换为 HAML

要使用此插件的HTML 转 HAML功能，您需要安装HAML gem（gem install haml）。如果您仍然有问题，可能是由于最近HTML 到 HAML功能已经被剥离成自己的gem，不出所料，它被命名为html2haml。使用标准方式安装htmt2haml gem（gem install html2haml）应该能解决问题。如果您在将HTML粘贴到haml文件时收到关于hpricot找不到的错误，请尝试安装hpricot gem然后重启Sublime（gem install hpricot），更多信息请参考这个issue：https://github.com/haml/haml/issues/504。如果您仍然有困难，请向我提出github issue。遗憾的是，目前不能正确解析带有erb口味的HTML。

Ruby 版本管理器

如果您正在使用RVM或rbenv等，那么您需要在设置中设置路径，因为RVM/rbenv修改了环境路径，这会影响Sublime对路径的使用。

要查找您的路径，您可以在命令行中运行echo $PATH。复制结果，然后将其粘贴到RailsMagicClipboard用户设置文件中，如下所示。

# Preferences/Package Settings/RailsMagicClipboard/Settings - User

{
    "path": "your/copied/path/here"
}

已知问题

路径和RVM/rbenv存在一个问题。如果Sublime Text不是从命令行启动的，则不会加载正确的路径来查找Sass。目前我还不确定如何解决这个问题，我很高兴听到您的想法。同样的问题也出现在这里https://github.com/badsyntax/SassBeautify/issues/53。您可以通过从命令行打开Sublime Text来解决这个问题，或者如果您想要永久解决问题，可以按照以下说明进行： http://unix.stackexchange.com/questions/89076/how-to-set-the-path-osx-applications-use/89077#89077。

如果您发现更多问题，请创建issue或在我的twitter上告诉我（@nick_dowse）。大部分工作都是由SassBeautify的创建者和维护者完成的，SassBeautify是另一个优秀的Sublime Text插件。所以，感谢他们！