[Day 09] Sass - Print

Print

有写过程序的人都知道，我们常常会在控制台输出一些讯息用来DEBUG，测试看结果正不正确、程序是否有跑到这段，像是Javscript的 console.log()或是C#的Console.WriteLine()。
而在Sass里面也能这样做，并且Sass的讯息分为@debug、@warn、@error三种。
话不多说，我们马上就来用用看吧!

开启任意一个.scss档，输入下面程序码:

@debug "Debug message.";
@warn "Warning message!";
@error "Error message!!";

接着将专案跑起来，你会发现专案发生错误没办法跑起来..
原因就是因为我们有写error的讯息，所以gulp在跑Sass编译的时後会视为有错，没办法顺利编译
可以看到VS Code的终端机会跑出我们刚刚写的讯息:

每一段都会标示这是DEBUG、Warn还是Error讯息，并且包含档案路径、名称、行数，而越严重的warn、error就会有越多的讯息可以参考!

接下来我们将@error这行注解掉，并且再跑起来试试:

@debug "Debug message.";
@warn "Warning message!";
// @error "Error message!!";

会发现专案顺利跑起来了! 仅剩下debug和warn的讯息(所以由此可知有warn讯息是可以跑起来的)

这样开发时就可以依照状况决定要使用哪种讯息给开发者看，这在制作套件或是提供程序码给其他人使用时都是非常重要的，提供的讯息越多，开发者就会越好上手
也因为之後我们也不定时的用到，所以这边才会先介绍~