Vue2请问有什么比较好用的单元测试框架或者是编辑器插件？

Z时代
2024-02-18
分类：IT

最近项目前端项目要求写单元测试，请问有什么对于Vue2好用的单元测试框架或者是编辑器插件？

回答：

其实直接用 Jest 应该就可以把？另外 Awesome Vue 里面就提供了测试相关的几个依赖你可以都了解一下 ? Test - vuejs/awesome-vue

vuenit - Utilities for testing Vue components and directives.
vue-unit - A library for Vue.js that makes it easier to create and unit test components.
vue-a2b - A library for Split Testing with Vue.js (A/B Testing). Highly configurable and tiny (1.2k gzipped).
vue-test-utils - Official utilities for testing Vue components.
vue-test-actions - Unit testing Vuex actions with Jest mocks.
jest-vue-matcher - Additional jest matchers for vue
vue-hubble - A better way to select elements for UI testing in Vue.
Vue Testing Library - Simple and complete testing utilities that encourage good testing practices. Based on DOM Testing Library and built upon the official Vue Test Utils.
jest-serializer-vue-tjw - Improved formatting of Jest Snapshots
vuex-test-utils - Unit testing Vux with chai.

回答：

Vue2 的单元测试框架有很多，其中比较常用的是 jest、mocha 和 ava。推荐你可以使用 Vue 官方推荐的测试工具 @vue/test-utils 配合 jest 进行单元测试，这也是比较常用的组合。

对于Vue2的编辑器插件，也有几个值得推荐的。其中比较常用的是 Vetur，它是专门为Vue.js开发而生的Visual Studio Code插件。同时还可以使用 Vue VSCode Snippets，它提供了很多Vue.js开发中的代码片段，可以提高编码效率。还有Vue-Beautify，它让你的 Vue.js 代码更整洁，更易于阅读和理解。