Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 6da8e41

Browse files
committed
chore: Remove Plop globally
1 parent 2e64975 commit 6da8e41

File tree

9 files changed

+15
-862
lines changed

9 files changed

+15
-862
lines changed

‎Guide-zh_CN.md‎

Lines changed: 15 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,9 @@
3535
│ └── env.d.ts # 全局公用 TypeScript 类型
3636
├── build/mock # mock 服务
3737
├── mock # mock 数据
38-
├── plop-templates # 代码块生成
3938
├── public # 静态文件
4039
├── scripts # 公共执行脚本
4140
├── tests # 单元测试
42-
├── plopfile.js # plop 入口
4341
├── auto-imports.d.ts # Vue3 组合式API 类型声明文件
4442
├── components.d.ts # 组件自注册类型声明文件
4543
├── vite.config.ts # Vite 配置文件
@@ -68,7 +66,7 @@ pnpm install
6866

6967
```
7068

71-
> 如果网络状况不佳,可以设置 pnpm 的 npm 加载源,如 pnpm config set registry https://registry.npmmirror.com
69+
> 如果网络状况不佳,可以设置 pnpm 的 npm 加载源,如 pnpm config set registry <https://registry.npmmirror.com>
7270
7371
完成前面的步骤以后,就可以启动项目,开始进行业务开发了。
7472

@@ -80,16 +78,6 @@ pnpm dev
8078

8179
这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。
8280

83-
脚手架除了手动创建以外,还集成了 `plop`,一种代码片段快速生成插件,避免重复拷贝粘贴工作。
84-
85-
- 命令式创建
86-
87-
这里已经为大家预置了两种:`view` 和 `component`,选择一个之后按回车键就可以在项目目录的左侧看到了。
88-
89-
```bash
90-
pnpm plop
91-
```
92-
9381
- 手动创建
9482

9583
在 src/views 下新建页面的vue文件,如果相关页面有多个,可以新建一个文件夹来放置相关文件。
@@ -98,7 +86,6 @@ pnpm plop
9886

9987
最后,记得将新建的文件加入路由 - router/index.ts
10088

101-
10289
### 新增业务组件
10390

10491
对于一些可能被多处引用的功能模块,建议提炼成业务组件统一管理。这些组件一般有以下特征:
@@ -119,13 +106,13 @@ pnpm plop
119106

120107
```
121108
<template>
122-
<div >
123-
<img class="img" :src="src" :alt="desc" />
109+
<div class="image-wrapper">
110+
<img class="img" :src="src" :alt="desc" />
124111
<!-- 如果使用该组件的使用者没用 slot,则默认 div.desc 来输出传递的 desc 属性 -->
125-
<slot name="desc">
126-
<div class="desc" v-if="desc">{{ desc }}</div>
127-
</slot>
128-
</div>
112+
<slot name="desc">
113+
<div class="desc" v-if="desc">{{ desc }}</div>
114+
</slot>
115+
</div>
129116
</template>
130117
131118
<script setup lang="ts">
@@ -142,15 +129,15 @@ const props = defineProps({
142129

143130
```
144131
<template>
145-
<!-- 普通使用方式 -->
146-
<image-wrapper :src="state.imageSrc" :desc="state.context"></image-wrapper>
147-
148-
<!-- 使用 slot 的 desc 方式 -->
149-
<image-wrapper :src="state.imageSrc">
150-
<template #desc>
132+
<!-- 普通使用方式 -->
133+
<image-wrapper :src="state.imageSrc" :desc="state.context"></image-wrapper>
134+
135+
<!-- 使用 slot 的 desc 方式 -->
136+
<image-wrapper :src="state.imageSrc">
137+
<template #desc>
151138
<span>{{ state.context }}</span>
152-
</template>
153-
</image-wrapper>
139+
</template>
140+
</image-wrapper>
154141
</template>
155142
156143
<script setup lang="ts">

‎package.json‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
"lint": "eslint .",
1313
"lint:fix": "eslint . --fix",
1414
"test": "vitest",
15-
"plop": "plop",
1615
"prepare": "npx husky install"
1716
},
1817
"dependencies": {
@@ -57,7 +56,6 @@
5756
"less": "^4.2.0",
5857
"mockjs": "^1.1.0",
5958
"path-to-regexp": "^6.2.1",
60-
"plop": "^4.0.0",
6159
"postcss-mobile-forever": "^4.0.0",
6260
"rollup": "^4.3.0",
6361
"rollup-plugin-visualizer": "^5.9.2",

‎plop-templates/component/index.hbs‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎plop-templates/component/prompt.js‎

Lines changed: 0 additions & 50 deletions
This file was deleted.

‎plop-templates/utils.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎plop-templates/view/index.hbs‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎plop-templates/view/prompt.js‎

Lines changed: 0 additions & 50 deletions
This file was deleted.

‎plopfile.js‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /