当前位置:   article > 正文

在vue中安装使用sass的方法_vue npm安装scss

vue npm安装scss
  1. 脚手架安装vue项目
    npm install -g vue-cli    
    
    • 1
  2. 安装项目依赖
    npm install
    
    • 1
  3. 运行项目
    npm run dev
    
    • 1
  4. 安装sass依赖
    npm install --save-dev sass-loader
    //sass-loader依赖于node-sass
    npm install --save-dev node-sass
    
    • 1
    • 2
    • 3
    安装完成如图所示:
    在这里插入图片描述
    在这里插入图片描述
  5. 在页面中使用
    在这里插入图片描述
  6. 如果页面中的文字变成红色,说明已经成功配置好sass了
    在这里插入图片描述
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/82510
推荐阅读
相关标签
  

闽ICP备14008679号