修正Readme

pull/19/head 1.0.3
宇天 2018-12-03 14:16:05 +08:00
parent 9563e8adbe
commit 9e6e9ef813
3 changed files with 17 additions and 25 deletions

View File

@ -1,5 +1,8 @@
# 更新日志 # 更新日志
## [1.0.3] 2018-12-03
- 修复autoprefixer的配置读取
## [1.0.0] 2018-12-03 ## [1.0.0] 2018-12-03
- 正式上架插件商店。 - 正式上架插件商店。

View File

@ -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
```

View File

@ -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",