自定义模板

基于部分开发者开发组件时会有定制化模板的需求，@easyv/cli增加了自定义模板的命令，可以通过该命令，在系统根目录下生成基于React演示、Three Component或Vue演示的自定义模板，用户可自行增删改文件，下次创建组件项目时可以直接选择自定义模板。

想要使用该功能，需要@easyv/cli版本>=1.9.1，@easyv/react-component-builder版本>=0.17.2，@easyv/vue-builder版本>=0.4.2，可使用 npm list -g --depth 0 命令查看当前全局包版本。

1.创建自定义模板

easyv add

mac若选择框架后报错 Error: EACCES: permission denied ，请尝试命令前加 sudo

名称请输入英文

选择自定义模板基础框架，目前已支持基于React/Vue的开发方式

输入组件名称(以字母开头，数字+字母来定义，加上特殊的前缀，比如公司首字母或个人名称或其他有意义的标识，防止与已有的组件发生名称冲突，例如easyv_text)和别名（中文名，用于组件列表中显示，也需要是平台不重复的名称）

若选择了vue框架，模板选项只会有"Vue演示"的选项；React框架下，模板选项有基础的React组件模板，和3D组件模板，如需开发3D组件，可选择"Three Component"模板

至此自定义模板就创建好了，通过下方提示 Success! Created my-custom-template at *** ，可以看到自定义模板的保存位置

模板生成时可以看到保存路径，也可输入

easyv customPath

查看所有自定义模板及路径信息

根据上方的路径，我们可以找到模板，并根据自己的需要增删改文件，这里我新增了banner.png，将main.json文件改为了js格式并且修改了configuration字段内容

请注意，main.(json|js)下base字段的name和module_name不要进行修改

命令行输入

easyv create my-component

创建项目的步骤不在赘述，如不了解可查看 https://dtstack.yuque.com/easyv/il3lgc/rphsfs 学习

需要注意的是，到要添加哪种模板这个步骤时，我们使用 easyv add 命令生成的自定义模板就显示在这里了

这时我选择刚才演示的my-custom-template模板

这样，根据自定义模板创建的项目就添加完成了，我们可以看到，在my-custom-template中编辑的内容，在新生成的项目中也已经生效

本文讲解了如何生成自定义模板并根据自定义模板创建项目，在日常开发组件过程中，如果一些配置在每次生成项目时都要添加，可以将这些配置添加到自定义模板中，再使用自定义模板生成项目，可以减少每次生成项目后的一些重复工作。

如遇其他使用问题，可扫描下方二维码，获取更多产品支持~