还在为写.vue文件烦恼吗?快来用dot-vue-cli交互式生成吧!

写过vue的同窗都知道,单文件组件.vue在开发中使用频率是很是高的。

若是不想再手写或者CV的话,不妨尝试一下我写的这个小工具,支持交互式生成.vue文件,生成的过程只须要回答一些小问题便可。javascript

目前仅支持vue2和部分属性,若是对这个项目感兴趣的话,欢迎提issue,欢迎提pr(合适的话我会第一时间merge),或者fork一份改为本身想要的效果吧vue

项目地址:https://github.com/FrankKai/dot-vue-clijava

dot-vue-cli

Vue2.x single file component .vue generator.git

features

  1. Set name, props, data, computed, watch and choose lifecycles, methods by interactive command line.
  2. Import vuex, mapState, mapMutations, mapActions by interactive command line.

install

npm install -g dot-vue-cli

usage

dot-vue

Type dot-vue in terminal and follow the instructions.github

process

1.generate template configs
{
  filename: "foo",
  name: "foo",
  data: true,
  "data details": "a,b,c",
  computed: true,
  "computed details": "a,b,c",
  watch: true,
  "watch details": "a,b,c",
  methods: true,
  "methods details": "a,b,c",
  "vue lifecycle hooks": ["mounted", "destroyed"],
  "vuex helpers": ["mapState", "mapMutations", "mapActions"],
};
2.generate target .vue file based on template literals


Enjoy it !vuex

相关文章
相关标签/搜索