vue使用scss

注意:这里用的是vue-cli@3.x创建的项目,至于vue-cli@2.x创建的项目并不适用该文章写的方法。

1.使用vue-cli@3.x创建项目
vue create demo

2.安装scss相关的包
npm install -S node-sass sass-loader

3.安装完成之后,你就可以写scss语法了,只需要在组件中的style标签加上lang属性:< style lang=“scss” scoped >。

4.第三步可能会遇到报错,这个时候你只需要终止项目运行,然后再次运行项目就行了。

5.还可能遇到其他的报错(红框内为对应解决方案)如下情况:
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值