Vue CLI 是 Vue 项目的超级外挂,我们平时一般会用它创建 Vue 项目,启动开发服务,还有编译项目。Vue CLI 可以通过插件扩展它的功能,插件可以修改项目里的东西,比如修改 package.json ,在里面添加点新的依赖或者自定义的命令等等。插件还可以在项目里面添加新的东西,比如创建新的组件,样式,路由或者 Store 等等。
问题
创建组件是我们在开发 Vue 应用的时候经常做的一件事,首先要在项目里创建一个组件文件,然后在里面定义一个基本的组件,设置一下组件的名字,去给组件创建一个样式表文件,然后在这个新创建的组件里导入使用这个样式表。如果组件里需要使用 Vuex 的帮手方法,你需要先从 vuex 里面导入这些帮手方法,然后分别在 computed,methods 里面使用这些帮手方法。如果你需要在父组件那里使用这个组件,需要打开父组件,导入这个组件,注册这个组件,再在父组件的模板里使用这个组件。
从上面的描述可以看出问题,就是很多动作都是重复的,而且具有特定的行为模式。最简单的解决方法就是在项目里定义一些代码片断,这样你可以在项目文件的里快速插入使用这些代码片断。更好的方法就是去创建一个 Vue CLI 插件,根据自己项目的需要定制这些插件,通过命令快速创建应用需要的各种零部件。