注意:这里用的是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.还可能遇到其他的报错(红框内为对应解决方案)如下情况: