在任何一个项目中快速引入 vitest

假设这里存在一个项目，如何把 vitest 引入到这个项目中使用呢？下面给出一些步骤。

1 先下载依赖

shell

pnpm i vitest -D

要使用 vitest，最少下一个包：vitest。

如图 package.json：

json

"devDependencies": {
  "vitest": "latest"
}

2 创建 vitest 的专属配置文件

在项目根目录中创建 vitest.config.ts 文件：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    // 测试那些在项目根目录下的 test 目录下的文件
    include: ['test/*.{test,spec}.?(c|m)[jt]s?(x)']
  },
})

3 然后配置一下脚本

json

  "scripts": {
    "test": "vitest",
    "test-once": "vitest run"
  }

vitest 命令会在文件更改后，重新启动测试，相当于添加了 watch 选项。
vitest run 命令只会启动一次测试。

4 可以在 *.{test, spec}.{js, ts} 文件中写测试代码了

比如我在项目的某个目录下创建了一个 a.spec.ts 文件，写入如下测试代码：

import { describe, it, expect } from 'vitest'

describe('1', () => {
  it('1 + 1 = 2', () => {
    expect(1 + 1).toBe(2)
  })
})

5 执行脚本 `test-once`

如果出现像下面这样的控制台界面，说明该项目就成功引入 vitest 了！

总结

在一个项目中快速引入 viest：

下载 vitest 依赖
创建 vitest.config.ts 配置文件
创建测试文件写测试代码

在任何一个项目中快速引入 vitest ​

1 先下载依赖 ​

2 创建 vitest 的专属配置文件 ​

3 然后配置一下脚本 ​

4 可以在 *.{test, spec}.{js, ts} 文件中写测试代码了 ​

5 执行脚本 test-once ​

总结 ​