1.0.0 • Published 3 years ago

createt v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

创建页面模板

平常写业务代码的时候基本上每个新页面都是相同的举例来说:

Vue 项目:

// 文件位置 views/Home/Home.vue
<template></template>
<script></script>
<style></style>
// 文件位置 views/Home/compontents
// home 页面后面可能用到的组件

nest 项目:

// 文件位置 src/home/home.controller.ts
// 文件位置 src/home/home.service.ts
// 文件位置 src/home/home.module.ts
// 文件位置 src/home/home/entities/home.entity.ts
// 文件位置 src/home/home/entities/dto/create.dto.ts

要是每次新建页面都去弄这么一套,是很麻烦的。因此做了这么一个插件,他会读取项目下面的 createTemplate 文件或者文件夹,然后在用户指定的位置创建相关的文件或者文件夹

操作如下:

// 全局安装
npm i -g createt

createt // 此命令执行会进入命令行交互

-- 请输入创建模板的路径(path): ./src/views
-- 请输入创建模板文件的名字(name):home.vue

具体执行如下:

如果是 createTemplate.vue (也可以是其他后缀,只要前缀是 createTemplate 即可) 文件,则会在 path.resolve(path, name) 目录创建 home.vue 文件

如果是 createTemplate 文件夹,则需要在里面添加 config.json 配置文件通常是

{
    "createt": {
        replate: "template", // 用于替换文件名相同的字符为 name
        suffix: "ts", // 用于将 ejs 后缀替换为对应的后缀
    },
    "ejs": {
        // 这里加入 ejs 用到的变量
    }
}

最后就会在 path.resolve(path, name) 目录创建 createTemplate 的拷贝,其中 ejs 文件会做相应的替换