# 精简版代码制作
**网友需求:** 如何删除不需要的demo,制作一个精简版本
**改造方案:** 项目提供了很多示例,如果你用不上可以删掉,我们提供了删除步骤,请参考如下。
## Demo示例代码删除
### 第一步:修改个人中心为一级菜单
```
UPDATE `sys_permission` SET `parent_id` = '',menu_type=0 WHERE `id` = '1438108188378521602';
```
### 第二步:把所有demo示例菜单改为逻辑删除
```
UPDATE sys_permission
SET del_flag = 1
WHERE
id IN (
'1438108187455774722',
'1438108196993622018',
'1438108221551271937',
'1438108225451974658',
'1447763172274495489',
'1438108177074872321',
'1438108177188118529',
'1438108177351696386',
'1438108177565605889',
'1438108177720795137',
'1438108177880178689',
'1438108178257666049',
'1438108178421243905',
'1438108180770054145',
'1438108183085309954',
'1438108225263230978',
'1452582122824974337',
'1438108183630569474',
'1438108183630569477',
'1438108183907393538',
'1438108185660612609',
'1438108185815801858',
'1438108185958408193',
'1438108186289758209',
'1438115924159881218',
'1438116003012796418',
'1438108186717577217',
'1438108187103453186',
'1438108183777370114',
'1438108184049999873',
'1438108178911977473',
'1438108183395688450',
'1438108183492157442',
'1438108187678072833',
'1438108187871010818',
'1438108188034588674',
'1438108188542099458',
'1438108188714065922',
'1438108217562488834',
'1438108219445731330',
'1438108220418809857',
'1438108189062193153',
'1438108189427097601',
'1438108189754253313',
'1438108190110769154',
'1438108190404370433',
'1438108190777663490',
'1438108191356477442',
'1438108194992939010',
'1438108195307511809',
'1438108195487866881',
'1438108195638861825',
'1438108195924074497',
'1438108196263813121',
'1438108196528054273',
'1438108196855209985',
'1438108178010202113',
'1438108183219527682',
'1438108197958311537',
'1438108197958311637',
'1438108197958311677',
'1438108197958311937',
'1438108197958315557',
'1438108198113501186',
'1438108199413735425',
'1438108199539564546',
'1438108199631839234',
'1438108200802050050',
'1438108200919490562',
'1465136709857722370',
'1438108197270446081',
'1438108198679732226',
'1438783058792951810',
'1441357157443371009',
'1441361249200832513',
'1450308897429536769',
'1453250018282573826',
'1458389305235984385',
'1438108200076435458',
'1438108200391008257',
'1438108178643542017',
'1438108179226550273',
'1438108179381739521',
'1438108179599843330',
'1438108179910221825',
'1438108180077993985',
'1438108180434509826',
'1438108180631642113',
'1438108181483085826',
'1438108182116425729',
'1438108198339993602',
'1438108198855892993',
'1438108199120134145',
'1438108199304683521',
'1438108201150177281',
'1438108201502498817',
'1438108201712214018',
'1438108202060341249',
'1438108202366525441',
'1438108203649982466',
'1438108203817754625',
'1438108204023275521',
'1438108204232990721',
'1438108204400762881',
'1438108204576923649',
'1438108204732112898',
'1438108178127642626',
'1438108178781954049',
'1438108180258349057',
'1438108197790539778',
'1438108200672026626',
'1438108205004742657',
'1438108205180903426',
'1438108205357064193',
'1438108205587750914',
'1438108205742940161',
'1438108205919100930',
'1438108206086873089',
'1438108206258839553',
'1438108206489526274',
'1438108206661492738',
'1438108206959288321',
'1438108207160614913',
'1438108207374524418',
'1438108207563268097',
'1438108207793954818',
'1438108208024641538',
'1438108208297271297',
'1438108208817364993',
'1438108208980942850',
'1438108209228406785',
'1438108210117599234',
'1438108210260205570',
'1438108211778543618',
'1438108215511474177',
'1438108215687634945',
'1438108215989624834',
'1438108216300003330',
'1438108216597798914',
'1438108216971091969',
'1438108217449242626',
'1438108211325558785',
'1438108211661103106',
'1438108214882328577',
'1438108215335313409',
'1438108217860284417',
'1438108218049028097',
'1438108218409738242',
'1438108218787225601',
'1438108219034689538',
'1438108219240210434',
'1438108219592531970',
'1438108219793858561',
'1438108220137791489',
'1446778415130722306',
'1438108220523667458',
'1438108220724994049',
'1438108220896960513',
'1438108221270253570',
'1438108221127647234',
'1438108221849067522',
'1438108222218166273',
'1438108222721482753',
'1438108222998306818',
'1438108223489040385',
'1438108223661006850',
'1447763517847396354',
'1448252726202859522'
)
```
### 第三步:删除demo示例代码
```
rd/s/q src\views\demo\feat\
rd/s/q src\views\demo\form\
rd/s/q src\views\demo\charts\
rd/s/q src\views\demo\codemirror\
rd/s/q src\views\demo\comp\
rd/s/q src\views\demo\editor\
rd/s/q src\views\demo\excel\
rd/s/q src\views\demo\fullcalendar\
rd/s/q src\views\demo\level\
rd/s/q src\views\demo\main-out\
rd/s/q src\views\demo\permission\
rd/s/q src\views\demo\setup\
rd/s/q src\views\demo\system\
rd/s/q src\views\demo\table\
rd/s/q src\views\demo\tree\
rd/s/q src\views\demo\page\desc\
rd/s/q src\views\demo\page\list\
rd/s/q src\views\demo\page\form\
rd/s/q src\views\demo\page\result\
rd/s/q src\views\report\
```
## 如何精简依赖
#### 一、例如:删除Excel依赖`xlsx`
1. 修改package.json,删除依赖
~~~
"xlsx": "^0.17.3",
~~~
>[warning] 注意这个参数里面的依赖也得删除
![](https://img.kancloud.cn/f0/9f/f09fa5b5fbc5fdd3bc5b2c5a8a7f6d2f_341x94.png)
2. 删除组件和示例源码目录
```
src\components\Excel
src\views\demo\excel
```
3. 删除示例路由配置
```
src\router\routes\modules\demo\feat.ts
```
4. 删除菜单配置
![](https://img.kancloud.cn/24/e1/24e1400a6935d171b152345526f9733a_246x344.png)
```
UPDATE sys_permission
SET del_flag = 1
WHERE
id IN (
'1438108182116425729',
'1438108183219527682',
'1438108185660612609',
'1438108185815801858',
'1438108185958408193',
'1438108186289758209'
)
```
*****
#### 二、例如:删除微前端依赖`qiankun`
1. 删除依赖
![](https://img.kancloud.cn/19/c3/19c39077de23b7077245bfb84439a299_474x98.png)
2. 注释掉注册代码
```
src\layouts\default\content\index.vue
```
![](https://img.kancloud.cn/be/99/be99dd0469bdf1a7225bc52e608f138a_731x698.png)
3. 注释掉实现类(此目录下所有文件,全部注释掉) 或者 直接删掉这个目录
![](https://img.kancloud.cn/59/7e/597e2fc60ab2e8873e101939eccba29e_437x238.png)
#### 三、更多依赖删除精简
参考 [package依赖介绍](package依赖介绍.md),删除不需要的组件
- 项目介绍
- 常见问题
- 开发环境准备
- 环境准备
- 启动项目
- 切换Vue3路由
- 项目配置详细说明
- 上线部署
- 快速构建&部署
- Docker镜像启动
- 项目配置
- 菜单配置
- 菜单缓存
- 积木报表菜单配置
- 首页配置
- 国际化
- 菜单国际化
- 组件注册
- 项目规范
- 跨域处理
- 样式库
- 图标生成
- package依赖介绍
- 菜单TAB风格
- 备份文档
- 详细构建和配置
- 构建部署1.0
- 切换Mock接口
- 原生路由(作废)
- 原生菜单(作废)
- 页面开启缓存(作废)
- 环境准备1.0
- 数据 mock&联调
- UI组件
- Form 表单组件
- Table 表格
- Modal 弹窗
- Drawer 抽屉组件
- Icon 图标组件
- Button 按钮
- 更多基础组件
- JSelectUser选择用户 ✔
- JSelectPosition岗位选择 ✔
- JSelectDept部门选择 ✔
- JCheckbox ✔
- JImportModal 列表导入弹窗组件
- JInput特殊查询组件 ✔
- JPopup弹窗选择组件 ✔
- JTreeSelect树形下拉框 (异步加载) ✔
- JAreaSelect 省市县级联组件
- JDictSelectTag 字典标签 ✔
- JEllipsis 超长截取显示组件 ✔
- JUpload 上传组件 ✔
- JEasyCron 定时表达式选择组件 ✔
- JInputPopup 多行输入窗口组件 ✔
- JSwitch 开关选择组件 ✔
- JTreeDict 分类字典树形下拉组件 ✔
- JSelectInput 可输入下拉框 ✔
- JEditor 富文本编辑器 ✔
- JMarkdownEditor Markdown编辑器 ✔
- JSearchSelect 字典表的搜索组件 ✔
- JSelectUserByDept 根据部门选择用户 ✔
- JVxeTable
- 组件配置文档
- 自定义组件
- 封装自定义组件
- 自定义组件增强
- 多级联动配置
- 使用示例
- 常见问题解答
- JAreaLinkage 省市县联动组件 ✔
- JCategorySelect 分类字典树 ✔
- JImageUpload 图片上传 ✔
- JSelectMultiple 下拉多选 ✔
- JSelectRole 选择角色 ✔
- JFormContainer 表单组件禁用 ✔
- SuperQuery 高级查询
- UserSelect 高级用户选择组件
- Basic
- Page
- Authority
- PopConfirmButton
- CollapseContainer
- ScrollContainer
- LazyContainer
- CodeEditor
- JsonPreview
- CountDown
- ClickOutSide
- CountTo
- Cropper
- Description
- FlowChart
- Upload
- Tree
- Excel
- Qrcode
- Markdown
- Loading
- Tinymce
- Time
- StrengthMeter
- Verify
- Transition
- VirtualScroll
- ContextMenu
- Preview
- Loading
- 前端权限
- 表单权限
- 显隐控制 ✔
- 禁用控制 ✔
- 列表权限
- 按钮权限控制
- 列字段显隐控制
- 行编辑组件权限
- 显隐控制
- 禁用控制
- 代码生成
- Online在线代码生成
- GUI代码生成
- 代码生成模板介绍
- vue3和vue3Native详细说明
- 深入开发
- 定义Form新组件
- 自定义列表查询
- 自定义表单布局
- 开发笔记
- 组件权限控制
- 使用Antd Vue原生Form
- 自定义图表组件
- 自定义渲染函数
- 如何编写mock接口
- 缓存用法
- 精简版代码制作
- 微前端(qiankun)集成
- 前端小技巧
- 表单整体禁用
- 弹框内下拉框错位
- 界面如何设置响应式
- 抽屉(Drawer)宽度自适应
- 生成菜单脚本
- Online表单
- Online常见问题
- Online表单配置
- 配置参数说明
- 系统标准字段
- 表单类型-主子表|树表
- 自定义查询配置
- Online表单风格
- Online表单删除说明
- Online联合查询配置
- online表单视图功能说明
- Online表单开启评论
- Online表单控件介绍
- 常用基础控件
- 高级关联记录
- Online表单控件配置
- 基本配置
- 控件扩展配置
- 默认值表达式
- 自定义查询配置
- 字段href
- 默认值(填值规则)
- 导入导出自定义规则
- Online表单权限配置
- 字段权限配置与授权
- 按钮权限配置与授权
- 数据权限配置与授权
- 联合查询数据权限规则说明
- 在线增强
- 自定义按钮
- SQL增强
- JS增强
- 按钮触发JS增强
- 列表Api
- 列表操作列前置事件
- 表单Api
- beforeSubmit事件
- loaded事件
- 表单值改变事件【单表/主表】
- 表单值改变事件【从表】
- 表单值改变事件【从改主】
- 控制字段显示与隐藏
- js增强实现下拉联动
- js增强控制下拉树数据
- JS增强 触发弹窗
- JS增强 http请求
- JS增强 方法定义
- 对接表单设计器后需注意
- JAVA增强
- 快速开始
- Online java增强 导入
- Online java增强 导出
- Online java增强 查询
- Online Java增强 http-api
- 表单类
- 列表类
- 其他功能示例
- 导入数据库表支持排除表
- 通过字段Href实现三级联动
- excel数据导入支持校验
- Online报表
- Online报表配置
- 配置成菜单
- 其他功能
- 推送消息
- ISO 8601书写格式
- 系统消息跳转至详情表单
- 菜单【批量申请(自定义)】功能说明
- Online自动化测试
- online AI自动化测试数据制作
- Online AI自动化测试数据制作
- Online AI模型测试用例功能详情
- JAVA后台功能
- saas多租户切换
- 新功能实现saas租户隔离
- 第三方集成
- 敲敲云集成钉钉