vite 安装scss

在Vite项目中安装SCSS，你可以按照以下步骤进行操作：

1. 首先，确保你已经在项目中安装了Vite。如果没有安装，可以使用以下命令进行安装：

npm install -g create-vite

2. 创建一个新的Vite项目。在命令行中运行以下命令：

create-vite your-project-name --template vue

这将创建一个新的Vite项目，并使用Vue模板进行初始化。

3. 进入到项目目录中：

cd your-project-name

4. 安装SCSS依赖。在命令行中运行以下命令：

npm install sass --save-dev

这将安装Sass依赖到你的项目中。

5. 在Vite项目中使用SCSS。在你的项目中创建一个新的SCSS文件，例如`styles.scss`，并在其中编写你的SCSS代码。

6. 在你的Vue组件中引入SCSS文件。在你的Vue组件中，可以使用`<style>`标签来引入SCSS文件，并在其中使用SCSS样式。例如：

<style lang="scss">
@import "@/styles.scss";

// 在这里编写你的样式
</style>

7. 运行Vite开发服务器。在命令行中运行以下命令来启动Vite开发服务器：

npm run dev

这将启动Vite开发服务器，并在浏览器中打开你的应用程序。

现在，你的Vite项目已经成功安装并使用了SCSS。