在Vue中使用Compass的方法-创新互联

写作动机

拖了蛮久的，总算下定决心要给自己写一个个人网站，不仅要看起来狂拽酷炫，技术也要OK，所以趁此机会也将自己不熟悉的技术拿来锻炼一下。网站打算用Vue来作为前端框架，Css用Sass来写。但是尚未正式开始就突然想到，既然Sass有Compass这么有力的工具不用岂不是步子迈小了，然而找了一轮发现都是说怎样在Vue项目中使用Sass而没有Compass的解决方案。但是这么放弃一个强大的工具练习不了又不甘心，于是各种继续搜索和尝试后总算是成功在项目中用上了Compass，然后屁颠的就来分享了，如果能帮到有这个需求猿，那也是极好的了。闲话不多说，开始撸代码，最后我会将这个Demo放到GitHub(￣▽￣)~*

用vue-cli建个项目

vue init webpack compass-demo //撸个烧烤架
npm install normalize.css axios vuex --save//撒上一些调味料
npm install node-sass sass-loader mockjs --save-dev//刷上一些酱汁
npm install compass-mixins --save-dev//把佐料在烧烤架上准备好后放上嫩肉

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。