Codekit 编译 Scss 笔记

做了第三个项目了,还是不太记得Codekit怎么把css转scss,所以这次做个笔记。

1.新建项目所需文件

新建html,css,scss...并讲整个项目添加到Codekit

Codekit 编译 Scss 笔记_第1张图片
1.新建项目所需文件

2.选择scss文件

关于几种输出类型的说明看这里

右侧的设置完成后,注意路径选择,我这里有css文件夹,所以要改为css/styles.css

最后点Compiling编译

Codekit 编译 Scss 笔记_第2张图片
2.选择scss文件


这就完成了。接下来可以直接在.scss中编写样式。然后codekit会自动将其编译为css。

你可能感兴趣的:(Codekit 编译 Scss 笔记)