还在为写.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
- Set
name
,props
,data
,computed
,watch
and chooselifecycles
,methods
by interactive command line. - 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吧