Vue2中安装SCSS

要在Vue2中使用SCSS，首先需要确保你的项目已经安装了SCSS的依赖。你可以使用npm或者yarn来安装SCSS的依赖。具体的命令如下：

使用npm安装SCSS依赖：

npm install node-sass sass-loader --save-dev

使用yarn安装SCSS依赖：

yarn add node-sass sass-loader --dev

安装完依赖之后，在Vue组件中就可以使用SCSS了。只需要在style标签中设置lang属性为scss即可，如下所示：

<style lang="scss">
  /* SCSS样式代码 */
</style>

在Vue CLI 3及以上版本中，安装SCSS依赖之后，还需要在vue.config.js中进行相关配置，如下所示：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/styles/_variables.scss";` // 引入全局的SCSS变量
      }
    }
  }
};

这样就可以在Vue组件中使用SCSS了。