手机端简易示例《随机热门音乐》

Vue 3 + Typescript + Vite + Vant + Pinia

🔥 Demo 访问   🌈 文档

---

依赖

• 🚀 vue3.2 + vite + typescript + pinia + axios + vant
• 💪 使用 vue3.2 <script setup> 语法糖
• 💪 使用 TypeScript
• 🍭 支持 jsx 组件写法
• 🍭 整合 vant ui、less
• 🍭 使用 viewport 移动端方案
• 🍭 使用 pinia 替代 vuex，更简单、更高效
• 🍭 使用 网易云音乐 热门歌曲接口为数据源

启动、部署

Using yarn to :

  # 安装依赖
  yarn

  # 本地启动
  yarn dev

  # 本地打包
  yarn build

增加 jest 单元测试

jest 安装

1. 基本依赖

yarn add jest babel-jest @vue/vue3-jest @vue/test-utils -D

2. 兼容 typescript 需要安装如下

yarn add @types/jest ts-jest -D

3. 兼容全局 @ 别名导入

// jest.conf.js增加如下
moduleNameMapper: {
  '^@/(.*)$': '<rootDir>/src/$1'
}