uni-app项目中使用scss语法

本文介绍了在uni-app项目中安装和使用scss的详细步骤,包括遇到的问题和解决方案。首先尝试通过HbuilderX插件安装,但失败后,通过手动下载python并设置环境变量,安装cnpm,最终在D:HBuilderXpluginscompile-node-sass目录下使用cnpm安装成功。在安装node-sass过程中,详细记录了每个环节,包括下载特定版本的binding.node文件并重命名,拷贝到对应目录,最终成功运行项目并实现scss编译。
摘要由CSDN通过智能技术生成

最近正在学习uni-app开发,我先把文档浅略翻了遍。发现组件和接口几乎都是按照微信小程序走,但是视图层上的语法又是按照vue的语法走的。所以开发过程一定要注意这点。

然后我想在uni-app项目中使用scss语法。但是具体怎么安装呢?历经曲曲折折的道路,终于实现了。下面是我的安装过程,有相同错误的可以参考下!

我的win7 64位系统,我的开发工具是HbuilderX。

1、最简单的方法如下:

点击菜单栏中的“工具 – 插件安装 – scss/sass编译” 点击安装,如果成功了,就可以正常使用了。

很不幸的是,我的提示失败了
在这里插入图片描述

2、我又找到D:\HBuilderX\plugins\compile-node-sass插件目录,执行npm install,仍然提示失败:

在这里插入图片描述
然后我去社区提问了,经提示查看了错误日志,显示了一大堆错误,还是不知道如何解决:
在这里插入图片描述
然后,我去百

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值