在 Sublime Text 2 中更改 SCSS 构建上的选项卡或打开 CSS 文件

在 Sublime Text 2 中更改 SCSS 构建上的选项卡或打开 CSS 文件

我用SASS 包安全FTP在我的开发过程中,我会定期通过 Sublime Text 2 使用它们。它们的功能都很棒,但我希望能减少将文件传输到服务器所需的步骤数。

我的步骤如下:

  1. 在文件中写一些 SCSS,例如style.scss

  2. 点击Ctrl+ B(构建功能)键绑定来构建标准 CSS 文件,该文件会自动生成,其名称与 SCSS 文件相同,但带有前缀.css。示例:style.css

  3. 然后我必须打开该style.css文件,或者如果该文件已打开则更改为该文件的选项卡。

  4. 点击Ctrl+ Shift+ U -> Ctrl+ Shift+,F这是使用 SFTP 插件将文件同步到服务器的组合键。

  5. 返回文件.scss以重新开始该过程。

没什么大不了的。但是当我每天做 600 次时,它就变得有点耗时了。

所以我想知道是否可以通过插件、python 脚本或其他方法来缩短这个过程。


我最初的想法是通过打开生成的 CSS 文件来实现此功能,或者如果它已经打开,则在步骤 2 中完成构建后切换到 CSS 文件。(注意:此文件将总是具有与 SCSS 文件相同的名称并位于同一目录中)。

然后希望当我在步骤4中执行文件同步时能产生相反的效果。

如果我能在步骤 2 中构建 SCSS 文件时一次性完成所有操作,那就更好了:

Build > Open CSS file > Sync CSS file > Close CSS file > Jump back to SCSS file

欢迎任何想法和建议,只是想节省一些时间和避免手抽筋。

相关内容