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

Posted 趁你还年轻

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了还在为写.vue文件烦恼吗?快来用dot-vue-cli交互式生成吧!相关的知识,希望对你有一定的参考价值。

写过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 !

以上是关于还在为写.vue文件烦恼吗?快来用dot-vue-cli交互式生成吧!的主要内容,如果未能解决你的问题,请参考以下文章

还在为Android表情开发烦恼吗,快来试试Android Emoji吧

还在为Android表情开发烦恼吗,快来试试Android Emoji吧

做题……它啥都会

DynamicTp v1.0.7版本发布。还在为Dubbo线程池耗尽烦恼吗?还在为Mq消费积压烦恼吗?

曹虞:你还在为套单所烦恼吗?

一文搞定Java集合类,你还在为Java集合类而烦恼吗?