完成3.0的Sass重构,接着……

划重点,论工作先后顺序的重要性!

之前考虑重构框架时,思索再三,还是决定先把3.0的重构一下,关键是旧版基本成型,而且已经使用在生产环境中。
这两天,再准备重构4.0的时候,我才发现,我的热情和精力可能被消耗殆尽了,已经很难平静的去做重构工作了。
这是因为,4.0版本虽是大版本的迭代,但还是蜕变于3.0版,绝大部分内容相同,只是命名和结构不同。

无奈,只好先搁置一段时间吧。
以后,尽量的权衡好工作的优先级再行动。

SCSS自动编译工具

windows下,使用koala实现Sass自动编译。
macOS下,使用codekit实现。

使用命令行命令:compass watch实现监听目录更改,自动编译。
但是,在windows下,大部分时间,监听都不是即时的,需要手动Ctrl+C,才会自动编译,而这个快捷键偏偏又是停止监听的快捷键。
尽管矛盾,但是,windows下的compass命令需要使用关闭的指令来威胁一下才会运行。

首选,还是推荐使用工具吧,koala是免费的,虽然没有codekit那么复杂的功能,但是简洁明了,足够用了。

以SCSS重构css framework

终于开始了,是的,心中默念了许久了,一直,迟迟不肯下手,这次算是终于下定决心去做了。

基本上,就在原基础上优化,最多的改变应该是对于颜色,除了少数不变的值,基本都给了变量名。
另外,就是嵌套,SCSS的结构看起来是简洁了很多。
输出的时候,暂时不压缩代码,毕竟,初次使用,保持格式化代码,有利于查漏补缺。

需要说明的是,增加变量,看似增加了工作量,但是,对于后期维护,却是节约了无非预估的时间。

高效的写代码……

其实很简单,代码补全,错误提示,自动编译、压缩,代码缩进(格式化)及保留适当的空行。

代码补全基本已经是现代编辑器必备的基本功能了。另外,快速的写代码,还需要emmet来实现。

自动编辑、压缩,这个基本靠构建工具实现,各种打包软件。
SCSS+Compass是最佳组合之一。

关于错误提示,这个就是纯粹的编辑器内置功能了。
圈内人大概都知道webstorm。

代码缩进,代码格式化,这个非常非常非常重要。