归纳总结VUE项目常用CSS中的SCSS

由于是一个小白，也是简单的从大佬们扎堆代码找到自己需要。由此感谢大佬们无私奉献，做个小白总结。

首先做一个小白需要理清思路，

什么是scss?为什么使用scss?

第一，scss是一种简易语言（可能是我没有深挖，个人使用就是简化css的代码），简单易学，基于CSS的繁琐写法简化而来

第二，界面十分优秀，一看就可晓得代码的作用，突出显示。

第三，整理思路，利于自己的循环递进编写。

安装SCSS（通过CMS）

首先需要有个环境，比如Node、Vue，安装node直接去官网下载，Vue一般都是脚手架webpack.

npm install vue

然后通过简单的npm 命令来下载scss(两个都要使用)

npm install sass-loader --sava-dev

npm install node-sass --save-dev

成功以后就只要在Vue根目录下的build文件夹中webpack.base.conf.js

找到rules区域来添加语句

｛

     test: /\.scss$/,

     loaders: ['style', 'css', 'sass']

｝

具体使用

<style lang='scss'>

   #app{

      .app{

     }

}

<style>

以上就是我的个人总结，如果有什么错误欢迎指出

参考来自https://blog.csdn.net/AIB_Kasic/article/details/90719731