快速生成组件模板

通过 CLI 命令的方式来生成统一的组件模板，减少复制粘贴带来的复杂操作，减少因复制粘贴不完全导致的错误问题。

目前以输入形式来确定需要生成的组件模板内容，这是一个操作不太友好的交互方式，后续会将输入类型改为选项类型。

运行命令

npm run ctpl

输入该命令后会进入 CLI 模式：

1. 组件名称？ (默认名称：template)
2. 指定文件夹路径？ (默认路径：src/views/)
3. 代码文件类型？ (默认类型：js)
4. 样式表类型？ (默认：css)

组件名称

组件名称会默认转换为 Class 命名规范的大驼峰命名 newCps -> NewCps。

如无输入则默认组件名和文件夹名称为 template。

文件夹路径

文件夹支持别名路径：

• @ -> src
• cps -> src/components

如无输入则默认生成在项目 src/views 文件夹下。

代码类型

代码文件类型支持 js, ts, tsv3 三种类型，最终生成出来的 index.vue 文件内容会不同。

• js 即通过 Vue.extend 来实现的 2.x 方式
• ts 即通过 vue-property-decorator 来实现的 2.x TypeScript 方式
• tsv3 即通过 @vue/composition-api 来实现的 3.0 TypeScript 方式

如无输入则默认使用 js 类型生成 index.vue 文件内容。

样式表类型

样式表类型支持 css, less, scss, sass 类型，且生成时会转换为所选类型支持的 style lang 。

如无输入则默认使用 css 为样式表类型。