feat: add plop doc

.vitepress/config.js

@@ -302,6 +302,10 @@ function createSidebar() {
             text: '黑暗主题',
             link: '/dep/dark',
           },
+          {
+            text: '模版生成',
+            link: '/dep/create-module',
+          },
         ],
       },
     ],

dep/create-module.md

@@ -0,0 +1,33 @@
+# 模版生成
+
+## 介绍
+
+为了方便开发者快速生成 `组件` 和 `视图` 文件，本项目提供了 `plop` 为开发者生成统一的文件模版。
+
+## 生成组件
+
+运行
+
+```shell
+npm run p
+```
+
+选择 `component` 之后，输入组件名，如 `newCom`，既可在 `src/components` 目录下创建对应的组件。
+
+组件名开头如果是小写，会自动转换为大写。
+
+## 生成视图
+
+运行
+
+```shell
+npm run p
+```
+
+选择 `view` 之后，输入路径，默认为 `views`，接着输入模块名，如 `newView`，既可在 `src/${views}` 目录下创建对应的视图文件。
+
+## 如何扩展
+
+如果需要扩展额外的视图模版，可以在根目录 `plopfile.js` 文件中，添加初始模版，然后到根目录 `plop` 文件夹中，添加对应的模块代码。具体可以参考 `component` 下的代码。
+
+更多的 `plop` 配置，则可以查阅 [文档](https://plopjs.com/documentation/)

guide/index.md

@@ -146,6 +146,8 @@ pnpm run dev
   "lint:style": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
   "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js",
   "lint:pretty": "pretty-quick --staged",
-  "postinstall": "husky install"
+  "postinstall": "husky install",
+  # 快速生成统一规范的模块
+  "p": "plop"
 },
 ```