Vuetron
made with Vuejs

Vuetron

这是一个用于测试和调试Vue + Vuex应用程序的工具。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vuetron是一个用于测试和调试Vue + Vuex应用程序的工具,将Chrome插件Vue devTool的扩展到vue应用中。

Vuetron的技术栈有Vue.js、Vuex、Vue-Router、Elctron和Socket.io。

安装

1、下载或自行编译

下载

下载MAC版

下载 Windows版

下载Linux版

自行编译

# 克隆代码
$ git clone https://github.com/vuetwo/vuetron.git


$ cd vuetron/packages/vuetron-app

# 安装依赖
$ npm install

# 安装vuetron-server依赖
$ npm install ./vuetron-server

# 运行服务
$ npm run dev-server

# In a separate terminal
$ npm run dev

在你的项目中加入Vuetron 

Npm

npm i vuetron

Yarn

yarn add vuetron

使用

全局引入

import Vue from 'vue'
import App from './App.vue'
import vuetron from 'vuetron';

Vue.use(vuetron.VuetronVue);

Store文件

import Vue from 'vue';
import Vuex from 'vuex';
import vuetron from 'vuetron';

const store = new Vuex.Store({
  // ...
  plugins: [vuetron.VuetronVuex()]
})

示例

visualization2.gif

作者

vuetwo

相关项目

这是一个类似于Gridster的栅格布局系统, 适用于Vue.js。
这是一个Webpack打包的监视工具。
这是一个自动UI测试工具。
这是一个渐进式Web应用程序(PWA)的生成器。
这是一个Vue错误跟踪插件。
这是一个开源API请求生成器。
这是一个基于Vue的色阶工具。