1.0.1 • Published 5 years ago
@entaurus/vue-tool v1.0.1
vue-create
get start
使用命令 npm install @entaurus/vue-tool -g 全局安装工具
命令行 vue-create --name=myconponent 会在当前目录生成一个vue 的单文件组件,组件的名字是mycomponent
- 参数 --name=mycomponent 指定组件名,必须参数 也是模板文件vue-name/vue-Name的变量名字. 参数 --dir=componentPath/componentPath 组件生成的位置. 参数 --tempath=path1/path2,如果需要定制模板, 指定模板存放的位置,如果不指定,使用默认模板. 参数 --tem=template-name 如果指定了模板位置,还需要指定模板名,默认 vue-com.
定制模板
- 在项目根目录新建模板文件夹
- 在 package.json 的vuetool.templatePath 字段指定模板文件的位置 example:foo/tem
- 在模板文件夹下新建组件模板,文件夹名就是模板名,模板名下的文件就是要生成的模板, 模板文件夹=> 模板名=> 模板,
模板文件example
//index.vue ,其中vue-name 是变量,生成的组件会替换成模板名 <template> <div class="vue-name"> </div> </template> <script> export default { } </script> <style scoped> </style> //style.css ,其中vue-name 是变量,生成的组件会替换成模板名 .vue-name{ }
package.json
- package.json 的配置文件,指定 vuetool 的配置
templatePath 同命令行 --tempath,用于指定定制模板路径. templateType 同命令行 --tem,用于指定定制模板名称. componentDir 同命令行 --dir,用于指定组件父目录. componentName 同命令行 --name,用于指定组件名."vuetool":{ "templatePath":"", //同命令行 --tempath "templateType":"", //同命令行 --tem "componentDir":"", //同命令行 --dir "componentName":"" //同命令行 --name },