# Developer Tools
- vue-dev-server (opens new window) - A small development server for building
vue
components. - Storybook (opens new window) - The UI Development Environment. works with v3.2+ later.
- Font Awesome Finder (opens new window) - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
- vue-dummy (opens new window) - Placeholder Text and Dummy Images as a simple
v-dummy
directive. - Bit (opens new window) - Manage and reuse
vue
components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects. - ComponentFixture (opens new window) - is a component design to develop and test other components, automatically binding their props.
- vue-cli-template-dev-server (opens new window) - development server for building vue-cli custom templates.
- vue-codemods (opens new window) - Collection of codemod scripts that help update and refactor Vue and JavaScript files
- codesandbox (opens new window) - An online IDE and prototyping tool for rapid Vue development
- vue-dom-hints (opens new window) - Get hints in the DOM. Minimal Vue devtool alternative
- components-helper (opens new window) - Based on the documents to provide code prompt files for Vue component library
- vue-unicorn-log (opens new window) - A Vue 2 magical plugin to make coloring the (devtools) console output easier and more flexible. Vue 3 version (opens new window) version also available
# Inspect
Inspecting & debugging
- Vue.js devtools (opens new window) - Chrome devtools extension for debugging Vue.js applications.
- DejaVue (opens new window) - Visualization and debugging tool built for Vue.js.
- vue-clicky (opens new window) - Right click any component to show info about it in the console.
- vuejs-logger (opens new window) - Provides customizable logging functionality for Vue.js.
- vue-inspector (opens new window) - Vue.js Inspector for Mobile Devices
- Vue Performance Devtool (opens new window) - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
- VueSource (opens new window) - Global Vue mixin which identifies components in source code by adding HTML comments
- NW-Vue-DevTools (opens new window) - DevDependency for adding Vue DevTools into NW.js
- bruit-io (opens new window) - Collect feedback with screenshot and technical data and post them to an API like bruit.io (opens new window)
# Docs
Create documentation
- vue-markdown-loader (opens new window) - Convert Markdown file to Vue Component.
- vue-styleguide-generator (opens new window) - React inspired style guide generator for Vue.js.
- CheatSheet (opens new window) - Complete Interactive API.
- Vuex CheatSheet (opens new window) - Complete Interactive Vuex API.
- vue-styleguidist (opens new window) - A style guide generator for Vue components with a living style guide.
- vue-elucidate (opens new window) - A component that generates beautiful documentation for your living styleguide / design system.
- vue-md-loader (opens new window) - Markdown files to ALIVE Vue components.
- @vuedoc/parser (opens new window) - Generate a JSON documentation for a Vue file component.
- @vuedoc/md (opens new window) - Generate a Markdown Documentation for a Vue file.
- jsdoc-vue-component (opens new window) - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.
- jsdoc-vuedoc (opens new window) - A jsdoc3 plugin use
@vuedoc/md
. - vue-storybook (opens new window) - Add
<story>
blocks to your Vue single file components for tighter integration of Vue + Storybook (opens new window) - vue-patterns (opens new window) - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
- vuese (opens new window) - One-stop solution for vue component documentation.
- vue-dotmd-loader (opens new window) - A webpack loader for loader markdown file transform to vue file
- vue-tut (opens new window) - Easily build beautiful tutorials with Vue
# Test
- avoriaz (opens new window) - A Vue.js testing utility library.
- vuenit (opens new window) - Utilities for testing Vue components and directives.
- vue-unit (opens new window) - A library for Vue.js that makes it easier to create and unit test components.
- vue-a2b (opens new window) - A library for Split Testing with Vue.js (A/B Testing). Highly configurable and tiny (1.2k gzipped)
- vue-test-utils (opens new window) - Official utilities for testing Vue components.
- vue-test-actions (opens new window) - Unit testing Vuex actions with Jest mocks.
- jest-vue-matcher (opens new window) - Additional jest matchers for vue
- vue-hubble (opens new window) - A better way to select elements for UI testing in Vue.
- Vue Testing Library (opens new window) - 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 (opens new window) - Improved formatting of Jest Snapshots
- vuex-test-utils (opens new window) - Unit testing Vux with chai
# Browser-less require
Load Vue components without browser
- vue-node (opens new window) - Load vue components in node.
# Source Code Editing
Text editor plugins
# Atom
- language-vue@atom.io (opens new window) - Vue component file syntax for Atom.
- vue-snippets@atom.io (opens new window) - Atom snippets for Vue component files.
- vue-autocompile@atom.io (opens new window) - Auto compile vue file on save.
- lint-sass-vue@atom.io (opens new window) - Atom.io package to lint Sass/SCSS in
.vue
files. - vuejs2-snippets@atom.io (opens new window) - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.
- vue2-autocomplete@atom.io (opens new window) - Vue.js 2.0+ autocomplete for Atom.
# Sublime Text
- Vue Syntax Highlight (opens new window) - Sublime Text syntax highlighting for single-file Vue components.
- VUEFormatter (opens new window) - Sublime Text code format
- Vue Next Formatter (opens new window) - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template.
# Vim
- Vim Vue (opens new window) - Syntax Highlight for Vue.js components.
- vim-vue-plugin (opens new window) - Vim syntax and indent plugin for .vue files.
# Visual Studio Code
- Vetur (opens new window) - Vue tooling for VSCode.
- Vue VSCode Snippets (opens new window) - Snippets that will supercharge your Vue workflow
- Ionic Snippets (opens new window) - Vetur support for Ionic Components
- Volar (opens new window) - The Fastest Vue Language Support Extension
# Visual Studio
- VuePack (opens new window) - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
# Brackets
- Brackets Vue (opens new window) - Brackets extension for Vue.js.
# Intellij
- Vue.js support for WebStorm (opens new window), IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains
# Emacs
- Vue Mode (opens new window) - Emacs major mode for vue.js.
# Kate
- Kate Syntax Files (opens new window) - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).
# CodeLobster IDE
- VueJS plug-in (opens new window) - CodeLobster IDE plug-in for VueJS download, autocomplete and tooltips for VueJS functions, context and dynamic help.
← Integrations Scaffold →