vue 安装sass

在Vue项目中安装SASS需要几个步骤：

1. **首先确保已安装Node.js**：Vue CLI（Vue脚手架）需要Node.js环境。你可以从https://nodejs.org/ 下载并安装。

2. **全局安装`node-sass`和`vue-cli-plugin-sass`**：
打开终端或命令提示符，运行以下命令：

   npm install -g node-sass @vue/cli-plugin-sass

这里`-g`标志表示全局安装。

3. **初始化新项目或添加插件到现有项目**：
如果你想在新的Vue项目中启用SASS，创建项目时选择包含SASS的支持：

   vue create my-project --plugin @vue/cli-plugin-sass

如果已有项目，只需在项目目录下运行：

   vue add sass

4. **配置SASS**：
创建项目后，打开项目的`vue.config.js`文件，找到`configureWebpack`选项，然后添加SASS的配置：

   module.exports = {
     configureWebpack: {
       rules: [
         {
           test: /\.s[ac]ss$/i,
           use: ['@vue/cli-service/node_modules/css-loader', 'resolve-url-loader', 'sass-loader'],
         },
       ],
     },
   };

5. **保存并重启服务**：
保存配置文件后，通过`npm run serve`或`yarn serve`启动项目，Vue CLI会自动编译SASS样式。

现在，你应该能够在项目中使用`.scss`或`.sass`文件编写SASS样式了。