還在爲寫.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

相關文章
相關標籤/搜索