关于vue.js:还在为写vue文件烦恼吗快来用dotvuecli交互式生成吧

写过vue的同学都晓得,单文件组件.vue在开发中应用频率是十分高的。

如果不想再手写或者CV的话,无妨尝试一下我写的这个小工具,反对交互式生成.vue文件,生成的过程只须要答复一些小问题即可。

目前仅反对vue2和局部属性,如果对这个我的项目感兴趣的话,欢送提issue,欢送提pr(适合的话我会第一工夫merge),或者fork一份改成本人想要的成果吧

我的项目地址:https://github.com/FrankKai/dot-vue-cli

dot-vue-cli

Vue2.x single file component .vue generator.

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.

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 !

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理