# vue3-music

**Repository Path**: jxmlearner/vue3-music

## Basic Information

- **Project Name**: vue3-music
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-10
- **Last Updated**: 2021-10-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3 音乐项目

```bash
npm init vite@latest vue3-music --template vue
cd vue3-music
git init
git remote add origin git@gitee.com:jxmlearner/vue3-music.git
```

## 安装 sass 预处理器

`npm i sass -D`

配置 scss 变量和 mixin 的自动引入

```js
// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "./src/assets/scss/variable.scss";
        @import "./src/assets/scss/mixin.scss";`
      }
    }
  }
})
```

## 安装 `vue-router`和`vuex`

`npm i vue-router@4 vuex@4 -S`