宇天 9c97ded959 update 2018-12-03 11:02:32 +08:00
.gitignore init 2018-12-03 10:00:21 +08:00
.vscodeignore init 2018-12-03 10:00:21 +08:00
CHANGELOG.md update 2018-12-03 11:02:32 +08:00
README.md init 2018-12-03 10:00:21 +08:00
index.js update 2018-12-03 10:57:30 +08:00
logo.png init 2018-12-03 10:00:21 +08:00
package-lock.json init 2018-12-03 10:00:21 +08:00
package.json update 2018-12-03 11:02:32 +08:00

README.md

scss-compiler

可用于对scss文件进行简单的编译/压缩, 而不用安装各种前端工程化工具(webpack等)。

出现的契机

对于小项目来说, webpack等各种工程化工具, 实在过于重, 配置又繁琐。 而且还要安装一大堆模块。 有时候,我们只想简单的使用scss带来的便捷而已。所以本着这个目的, 我自己写了一个Sublime的插件, 可以在scss文件保存的时候, 自动编译成css文件(存于当前目录)。

兼容性

理论上, 兼容Linux/MacOS/Windows, 不过我只在Linux下测试过, 其他的系统, 请自行测试,有什么问题, 可以提issue。

依赖

既然是scss编译的, 当然就依赖于scss模块。 scss模块, 可以使用js版的, 也可以使用ruby版的。

# 这是ruby版的, 可以使用 gem来安装
sudo gem install sass

sudo npm i -g postcss-cli
# 安装完psotcss-cli后, 再去到postcss-cli的目录, 再安装 autoprefixer
sudo npm i autoprefixer --save

插件安装

目前只能通过下载方式, 复制到vscode的插件目录,进行安装使用。 复制完之后,目录结构应该如下所示

 - ~/.vscode/
   - extensions/
     - scss-compiler/
     - 其他插件等/
Scss编译插件, 简单易用。无需配置复杂的环境, 保存自动编译,并根据你的需求补全浏览器前缀。1.0.0版是给Sublime Text 用的。 之后的版本是vscode专用。
JavaScript 98.5%
SCSS 1.5%