parent
9563e8adbe
commit
9e6e9ef813
|
@ -1,5 +1,8 @@
|
||||||
# 更新日志
|
# 更新日志
|
||||||
|
|
||||||
|
## [1.0.3] 2018-12-03
|
||||||
|
- 修复autoprefixer的配置读取
|
||||||
|
|
||||||
|
|
||||||
## [1.0.0] 2018-12-03
|
## [1.0.0] 2018-12-03
|
||||||
- 正式上架插件商店。
|
- 正式上架插件商店。
|
33
README.md
33
README.md
|
@ -1,35 +1,24 @@
|
||||||
# scss-compiler
|
# scss-to-css
|
||||||
> 可用于对scss文件进行简单的编译/压缩, 而不用安装各种前端工程化工具(webpack等)。
|
> 可用于对scss文件进行简单的编译/压缩, 而不用安装各种前端工程化工具(webpack等)。
|
||||||
|
|
||||||
## 出现的契机
|
## 出现的契机
|
||||||
> 对于小项目来说, webpack等各种工程化工具, 实在过于重, 配置又繁琐。 而且还要安装一大堆模块。
|
> 对于小项目来说, webpack等各种工程化工具, 实在过于重, 配置又繁琐。 而且还要安装一大堆模块。
|
||||||
> 有时候,我们只想简单的使用scss带来的便捷而已。所以本着这个目的, 我自己写了一个Sublime的插件, 可以在scss文件保存的时候, 自动编译成css文件(存于当前目录)。
|
> 有时候,我们只想简单的使用scss带来的便捷而已。所以本着这个目的, 我自己写了一个vsc的插件, 可以在scss文件保存的时候, 自动编译成css文件(存于当前目录),并且自动补全浏览器前缀。
|
||||||
|
|
||||||
|
|
||||||
## 兼容性
|
## 兼容性
|
||||||
> 理论上, 兼容Linux/MacOS/Windows, 不过我只在Linux下测试过, 其他的系统, 请自行测试,有什么问题, 可以提issue。
|
> 理论上, 兼容Linux/MacOS/Windows, 不过我只在Linux/MacOS下测试过, 用Windows的童鞋请自行测试,有什么问题, 可以提issue。
|
||||||
|
|
||||||
## 依赖
|
## 安装
|
||||||
> 既然是scss编译的, 当然就依赖于scss模块。
|
> 直接在商店搜索安装即可。
|
||||||
> scss模块, 可以使用js版的, 也可以使用ruby版的。
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# 这是ruby版的, 可以使用 gem来安装
|
|
||||||
sudo gem install sass
|
|
||||||
|
|
||||||
sudo npm i -g postcss-cli
|
|
||||||
# 安装完psotcss-cli后, 再去到postcss-cli的目录, 再安装 autoprefixer
|
|
||||||
sudo npm i autoprefixer --save
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
## 插件安装
|
## .browserslistrc 范例
|
||||||
> 目前只能通过下载方式, 复制到vscode的插件目录,进行安装使用。
|
|
||||||
> 复制完之后,目录结构应该如下所示
|
|
||||||
|
|
||||||
```
|
```
|
||||||
- ~/.vscode/
|
ie > 9
|
||||||
- extensions/
|
iOS > 8
|
||||||
- scss-compiler/
|
Android >= 4.4
|
||||||
- 其他插件等/
|
ff > 38
|
||||||
|
Chrome > 38
|
||||||
```
|
```
|
|
@ -2,7 +2,7 @@
|
||||||
"name": "scss-to-css",
|
"name": "scss-to-css",
|
||||||
"displayName": "scss-to-css",
|
"displayName": "scss-to-css",
|
||||||
"description": "最简单易用的SCSS编译器, 可自动编译scss文件及补全前缀",
|
"description": "最简单易用的SCSS编译器, 可自动编译scss文件及补全前缀",
|
||||||
"version": "1.0.2",
|
"version": "1.0.3",
|
||||||
"publisher": "yutent",
|
"publisher": "yutent",
|
||||||
"author": "Yutent [@yutent]",
|
"author": "Yutent [@yutent]",
|
||||||
"icon": "logo.png",
|
"icon": "logo.png",
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
"Scss2css.autoPrefixer": {
|
"Scss2css.autoPrefixer": {
|
||||||
"type": "boolean",
|
"type": "boolean",
|
||||||
"default": true,
|
"default": true,
|
||||||
"description": "是否自动补全浏览器前缀(可以手动在项目目录添加 .browserslistrc)"
|
"description": "是否自动补全浏览器前缀(可以手动在项目根目录添加 .browserslistrc)"
|
||||||
},
|
},
|
||||||
"Scss2css.output": {
|
"Scss2css.output": {
|
||||||
"type": "string",
|
"type": "string",
|
||||||
|
|
Loading…
Reference in New Issue