vue2中sass安装

要在 Vue2 中使用 Sass，需要安装 `sass-loader` 和 `node-sass` 两个依赖包，具体步骤如下：

1. 在项目根目录下打开终端，运行以下命令安装 `sass-loader` 和 `node-sass`：

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

2. 安装完成后，打开 `vue.config.js` 文件（如果没有该文件则需要手动创建），添加以下配置：

   module.exports = {
     css: {
       loaderOptions: {
         sass: {
           implementation: require('node-sass')
         }
       }
     }
   }

这里的 `implementation` 属性指定了使用 `node-sass` 来编译 Sass，而不是默认的 `dart-sass`。如果你希望使用 `dart-sass`，则需要将 `implementation` 改为 `sass`。除此之外，还可以在 `sass` 对象中添加其他选项，例如配置全局变量等。

3. 现在就可以在 `.vue` 文件中使用 Sass 了。例如，在 `style` 标签中写入以下代码：

   $text-color: #333;

   .hello-world {
     color: $text-color;
   }

这里定义了一个变量 `$text-color`，并在 `.hello-world` 类选择器中使用了该变量。在编译后，会生成以下 CSS 代码：

   .hello-world {
     color: #333;
   }

以上就是在 Vue2 中安装和使用 Sass 的步骤。