开发工具
- vue-dev-server - 一个用于构建
vue组件的小型开发服务器。 - Storybook - UI 开发环境。适用于 v3.2+ 及更高版本。
- Font Awesome Finder - Chrome 扩展，用于搜索、预览和选择 Font Awesome 图标，并将所选图标的 HTML 代码和 Unicode 复制到剪贴板。
- vue-dummy - 作为简单
v-dummy指令的占位文本和虚拟图像。 - Bit - 在项目之间管理和重用
vue组件。轻松隔离和共享来自任何项目的组件，无需更改其源代码，组织精选集合并在不同项目中安装。 - ComponentFixture - 一个设计用于开发和测试其他组件的组件，自动绑定它们的 props。
- vue-cli-template-dev-server - 用于构建 vue-cli 自定义模板的开发服务器。
- vue-codemods - 帮助更新和重构 Vue 和 JavaScript 文件的 codemod 脚本集合
- codesandbox - 用于快速 Vue 开发的在线 IDE 和原型设计工具
- vue-dom-hints - 在 DOM 中获取提示。最小化的 Vue 开发工具替代品
- components-helper - 基于文档为 Vue 组件库提供代码提示文件
- vue-unicorn-log - 一个 Vue 2 神奇插件，使（开发工具）控制台输出的着色更容易、更灵活。Vue 3 版本 也可用
检查
检查和调试
- Vue.js devtools - 用于调试 Vue.js 应用程序的 Chrome 开发工具扩展。
- DejaVue - 为 Vue.js 构建的可视化和调试工具。
- vue-clicky - 右键单击任何组件以在控制台中显示有关它的信息。
- vuejs-logger - 为 Vue.js 提供可自定义的日志功能。
- vue-inspector - 移动设备的 Vue.js 检查器
- Vue Performance Devtool - Vue Performance Devtool 是一个浏览器扩展，用于检查 Vue 组件的性能
- VueSource - 全局 Vue mixin，通过添加 HTML 注释来识别源代码中的组件
- NW-Vue-DevTools - 用于将 Vue DevTools 添加到 NW.js 的开发依赖
- bruit-io - 收集带有屏幕截图和技术数据的反馈，并将它们发布到 API，如 bruit.io
文档
创建文档
- vue-markdown-loader - 将 Markdown 文件转换为 Vue 组件。
- vue-styleguide-generator - 受 React 启发的 Vue.js 样式指南生成器。
- CheatSheet - 完整的交互式 API。
- Vuex CheatSheet - 完整的交互式 Vuex API。
- vue-styleguidist - 带有实时样式指南的 Vue 组件样式指南生成器。
- vue-elucidate - 为您的实时样式指南/设计系统生成漂亮文档的组件。
- vue-md-loader - Markdown 文件到 ALIVE Vue 组件。
- @vuedoc/parser - 为 Vue 文件组件生成 JSON 文档。
- @vuedoc/md - 为 Vue 文件生成 Markdown 文档。
- jsdoc-vue-component - 一个 jsodc3 插件，用于提取 vue SFC 信息（名称、props、事件...）到文档中。
- jsdoc-vuedoc - 一个使用
@vuedoc/md的 jsdoc3 插件。 - vue-storybook - 在 Vue 单文件组件中添加
<story>块，以实现 Vue + Storybook 的更紧密集成 - vue-patterns - 有用的 Vue 模式、技术、提示和技巧以及有用的精选链接。
- vuese - Vue 组件文档的一站式解决方案。
- vue-dotmd-loader - 一个 webpack loader，用于将 markdown 文件转换为 vue 文件
- vue-tut - 使用 Vue 轻松构建漂亮的教程
测试
- avoriaz - Vue.js 测试实用程序库。
- vuenit - 用于测试 Vue 组件和指令的实用程序。
- vue-unit - 一个 Vue.js 库，使创建和单元测试组件变得更加容易。
- vue-a2b - 用于 Vue.js 的拆分测试（A/B 测试）库。高度可配置且小巧（1.2k gzipped）
- vue-test-utils - 用于测试 Vue 组件的官方实用程序。
- vue-test-actions - 使用 Jest 模拟对 Vuex 操作进行单元测试。
- jest-vue-matcher - Vue 的附加 jest 匹配器
- vue-hubble - 在 Vue 中选择 UI 测试元素的更好方法。
- Vue Testing Library - 简单而完整的测试实用程序，鼓励良好的测试实践。基于 DOM Testing Library 并构建在官方 Vue Test Utils 之上。
- jest-serializer-vue-tjw - Jest 快照的改进格式
- vuex-test-utils - 使用 chai 对 Vux 进行单元测试
无浏览器需求
无需浏览器加载 Vue 组件
- vue-node - 在 node 中加载 vue 组件。
源代码编辑
文本编辑器插件
Atom
- language-vue@atom.io - Atom 的 Vue 组件文件语法。
- vue-snippets@atom.io - Vue 组件文件的 Atom 代码片段。
- vue-autocompile@atom.io - 保存时自动编译 vue 文件。
- lint-sass-vue@atom.io - Atom.io 包，用于在
.vue文件中 lint Sass/SCSS。 - vuejs2-snippets@atom.io - 用于 JavaScript 和组件的 Atom 代码片段，包括生命周期钩子、指令、属性、vuex、vue-router、vue-i18n 支持。
- vue2-autocomplete@atom.io - Atom 的 Vue.js 2.0+ 自动完成。
Sublime Text
- Vue Syntax Highlight - 单文件 Vue 组件的 Sublime Text 语法高亮。
- VUEFormatter - Sublime Text 代码格式
- Vue Next Formatter - Sublime Text Vue 格式化器，支持 ES5/6/7、Less/Sass 和 Pug/Html 模板。
Vim
- Vim Vue - Vue.js 组件的语法高亮。
- vim-vue-plugin - .vue 文件的 Vim 语法和缩进插件。
Visual Studio Code
- Vetur - VSCode 的 Vue 工具。
- Vue VSCode Snippets - 加速 Vue 工作流程的代码片段
- Ionic Snippets - Ionic 组件的 Vetur 支持
- Volar - 最快的 Vue 语言支持扩展
Visual Studio
- VuePack - 包含 Vue.js JavaScript 库的 HTML 智能感知和代码片段。
Brackets
- Brackets Vue - Vue.js 的 Brackets 扩展。
Intellij
- Vue.js support for WebStorm，IntelliJ IDEA，PhpStorm，PyCharm 和 RubyMine – JetBrains 官方 Vue.js 支持
Emacs
- Vue Mode - vue.js 的 Emacs 主模式。
Kate
- Kate Syntax Files - katepart（kate、kwrite、kdevelop）的语法文件（修改或原始）。
CodeLobster IDE
- VueJS plug-in - CodeLobster IDE 的 VueJS 插件下载，VueJS 函数的自动完成和工具提示，上下文和动态帮助。