尝试在线 Vitest

• 尝试在线 Vitest
• stackblitz.com/edit/vitest…vitest/

本地尝试

使用vite搭建项目

pnpm create vite@latest

配置选择vue3,ts

将vitest添加到你的项目中

npm install -D vitest

Vitest 1.0 requires Vite >=v5.0.0 and Node >=v18.00 Vitest 1.0 需要 Vite >=v5.0.0 且 Node >=v18.00

添加test命令

• 请将以下部分添加到您的 package.json 中

{
  "scripts": {
    "test": "vitest"
  }
}

编写测试

简单起见，先使用js文件初步体验vitest

• 新建scripts文件夹

• 新建sum.js

  
  return a + b }
  

  - 新建sum.test.js

    ```JavaScript
import { expect, test } from 'vitest'
import sum from './sum'

test('adds 1 + 2 to equal 3', () => {
    expect(sum(1, 2)).toBe(3)
})

• App.vue的script中写入

import sum from './scripts/sum.js'

• 命令行输入

pnpm run test

• 测试结果