### 单端反激式开关电源设计步骤详解 反激式开关电源因其结构简单、成本低廉及适用范围广泛等特点，在小功率电源系统中被广泛应用。本文将基于给定的文件内容，详细介绍单端反激式开关电源的设计步骤，并对每个步骤进行深入解析。 #### 一、电源输出功率 首先需确定电源的输出功率 \( P_O \)，这一步骤至关重要，因为输出功率直接影响到后续设计中的元件选择。公式如下： \[ P_O = \sum_{i} (V_{OUT_i} \times I_{OUT_i} + V_{D_i}) \] 其中，\( V_{D_i} \) 为第 i 路输出整流二极管的正向导通压降。通常情况下，可以选择肖特基二极管或超快恢复二极管。如果采用肖特基二极管，则 \( V_{D_i} \) 大约为 0.4V；如果是超快恢复二极管，则 \( V_{D_i} \) 大约为 0.6V。 #### 二、输入端电容 输入端电容 \( C_{in} \) 的选择也非常重要，它直接影响到电源的稳定性。一般来说，其最小值应满足以下条件： \[ C_{in} \geq (2 \sim 3) \times \frac{P_O}{f_L} \] 这里，\( f_L \) 是交流输入电压的频率。 #### 三、输入最小直流电压 接下来需要确定输入的最小直流电压 \( U_{dcmin} \)，该值可以通过以下公式计算得出： \[ U_{dcmin} = \sqrt{2} \times U_{acmin} - \frac{2 \times P_O \times t_C}{f_L \times C_{in} \times \eta} \] 其中，\( t_C \) 为整流桥导通时间，通常取值为 3.2ms；\( \eta \) 表示电源效率。 #### 四、输入最大直流电压 输入的最大直流电压 \( U_{dcmax} \) 直接由交流输入最大电压 \( U_{acmax} \) 确定： \[ U_{dcmax} = \sqrt{2} \times U_{acmax} \] #### 五、最大占空比 在选择PWM控制芯片时，为了确保系统的稳定性，最大占空比 \( D_{max} \) 通常不超过 0.5。 #### 六、反激电压 反激电压 \( U_{OR} \) 可以通过以下公式计算： \[ U_{OR} = U_{dcmin} + U_{ds} - D_{max} \times (U_{dcmin} + U_{ds}) \] 这里，\( U_{ds} \) 为开关管饱和导通压降，一般取值为 10V。 #### 七、开关管漏源最低耐压 开关管的漏源最低耐压 \( U_{mos-min} \) 可以通过以下经验公式估算： \[ U_{mos-min} = 1.4 \times U_{dcmax} + 1.5 \times U_{OR} \] #### 八、工作模式与电流纹波峰值比 根据实际应用需求，可以设定变换器的工作模式为电流连续模式(CCM)或电流断续模式(DCM)。不同的工作模式对应不同的电流纹波峰值比 \( K_{RP} \)： - CCM 模式：\( K_{RP} < 1 \) - DCM 模式：\( K_{RP} = 1 \) #### 九、确定开关频率 开关频率 \( f \) 的选择需要考虑所选芯片的支持能力和开关管的开关能力。通常，开关频率的选择会影响到效率和成本之间的权衡。 #### 十、选择磁芯 磁芯的选择对于整个电源的性能有着至关重要的影响。面积乘积法是一种常用的计算方法，可以根据不同的工作模式计算出面积乘积 \( A_p \)： - CCM 模式： \[ A_p \geq \frac{1.5}{1-D_{min}} \times \frac{P_O}{f \times B_{m} \times J_k \times \eta} \] - DCM 模式： \[ A_p \geq \frac{1.5}{D_{max}} \times \frac{P_O}{f \times B_{m} \times J_k \times \eta} \] 这里，\( D_{min} \) 为最小占空比；\( B_{m} \) 为最大磁通密度；\( J_k \) 为电流密度。 #### 十一、确定电流平均值 原边电流平均值 \( I_{avgp} \) 的计算公式如下： \[ I_{avgp} = \frac{P_O}{U_{dcmax} \times D_{max} \times \eta} \] #### 十二、确定原边峰值电流 原边峰值电流 \( I_{pkp} \) 的计算公式为： \[ I_{pkp} = I_{avgp} \times \left(2 + \frac{1}{K_{RP}}\right) \] #### 十三、确定开关管能承受最小电流 开关管能承受的最小电流 \( I_{mos-min} \) 计算公式为： \[ I_{mos-min} = 1.5 \times I_{pkp} \] #### 十四、确定原边有效值电流 原边有效值电流 \( I_{rmsp} \) 的计算公式如下： \[ I_{rmsp} = I_{pkp} \times \sqrt{\left(\frac{1}{3} + \frac{1}{K_{RP}^2}\right)} \] #### 十五、确定初级电感量 初级电感量 \( L_p \) 的计算公式为： \[ L_p = \frac{U_{dcmax} \times D_{max}}{f \times I_{pkp} \times K_{RP}} \] #### 十六、确定最大磁通密度 最大磁通密度 \( B_m \) 一般取值范围为 0.2T~0.3T，以避免磁芯饱和。 #### 十七、原边匝数 原边匝数 \( N_p \) 的计算公式为： \[ N_p = \frac{1000 \times L_p}{I_{pkp} \times A_e \times B_m} \] 其中，\( A_e \) 为磁芯的有效截面积。 #### 十八、副边匝数 副边匝数 \( N_{si} \) 的计算公式为： \[ N_{si} = N_p \times \frac{V_{OUT_i} + V_{D_i}}{U_{OR}} \] #### 十九、偏置绕组匝数 偏置绕组匝数 \( N_B \) 的计算公式为： \[ N_B = N_p \times \frac{V_B}{U_{OR}} \] 这里，\( V_B \) 为偏置电压。 通过以上步骤，我们可以较为完整地完成单端反激式开关电源的设计。每一步都紧密关联，需要综合考虑电源的各项指标和实际应用需求来做出最佳选择。

根据给定的信息，以下内容是对“韩顺平教育-家居网购，前端资源”的相关知识点的整理： 韩顺平教育提供的“家居网购”前端资源可能涵盖了一系列与家居购物相关的网站前端设计与开发素材。这些资源很可能包括HTML页面模板、CSS样式表、JavaScript脚本文件以及其他前端设计元素。通过这些资源，开发者能够快速搭建起一个结构合理、风格统一且用户体验良好的家居网购平台。 这些前端资源的布局设计很可能遵循了现代网页设计的最佳实践，如响应式设计，以确保在不同设备上都能提供良好的浏览体验。同时，考虑到家居网购的特性，资源中可能包含多种家居产品展示、购物车管理、用户评论以及支付流程等页面的模板和脚本。 在前端资源的实现技术上，可能采用了主流的前端框架或库，例如React、Vue或Angular，这些框架或库能够帮助开发者编写高效、可维护的代码。对于样式的设计，可能会利用Bootstrap、Foundation或其他CSS框架来加速开发进程，并确保界面的一致性和美观度。 针对用户交互的部分，可能会包含AJAX技术的实现，以实现实时数据交互，提升用户界面的响应速度和流畅性。此外，前端资源中还可能包括验证用户输入的表单、实现动态内容加载的模块以及优化网站加载速度的策略和代码。 考虑到标签中的“k12”，这可能是指示这些资源特别适合于基础教育水平的学习者，也就是中小学生。这意味着前端资源的设计可能更为简洁、直观，以适合年轻人学习和模仿，进而培养他们的编程兴趣和技能。 对于这些资源的使用，开发者可以在现有基础上进行二次开发，添加个性化的功能和设计，或者根据实际项目需求调整现有代码。这样的前端资源对于快速搭建原型或进行产品迭代开发具有极大的便利性。 “韩顺平教育”作为一个教育品牌，其提供的前端资源可能还会附带详细的文档说明和使用教程，帮助教育者和学习者更好地理解前端技术，并将这些知识应用于实际项目中。这样的资源对于教学活动来说是十分宝贵的，它能够帮助学生在理解理论的同时，通过实践学习提升技能。 由于具体的文件名称列表没有提供，我们无法得知更详细的文件内容。但通常，前端资源会包含以下几种类型的文件： - HTML文件：构成网页结构的代码文件。 - CSS文件：用于定义网页的布局和样式的代码文件。 - JavaScript文件：负责网页动态交互的脚本文件。 - 图片文件：如JPG、PNG等格式，用于网页的视觉元素。 - 字体文件：可能会使用到的特殊字体资源。 - 其他可能包括图标文件、音频文件等。 通过这些资源，开发者可以快速构建起一个功能完整的家居网购平台前端，从而让用户体验到便捷的在线购物服务。

《28蓝色科技服务企业交互动态全套网站源代码》 这套网站源代码是一套专为科技服务企业设计的互动式网站模板，以其独特的蓝色调和现代化的设计风格，旨在提升企业的在线形象，增强用户交互体验。它包含了完整的前端页面结构和功能，能够满足企业展示服务、产品介绍、案例分享、新闻动态、联系方式等多种需求。 一、网站模板设计 1. 蓝色主题：蓝色通常被赋予科技、专业和信任的形象，此模板以蓝色为主色调，可以有效地传达出科技服务企业的专业特质，给予访客可靠的印象。 2. 交互式设计：互动元素如滑动效果、滚动加载、弹窗提示等，使用户在浏览过程中有更流畅的体验，提高用户的停留时间和满意度。 3. 响应式布局：源代码支持多种设备的适配，无论是桌面、平板还是手机，都能自动调整布局，确保在任何屏幕上都有良好的显示效果。 二、企业网站功能 1. 首页展示：首页通常包含公司简介、服务项目、最新动态等模块，通过动态效果吸引用户注意力，快速传达企业核心价值。 2. 服务详情：提供详细的服务介绍页面，让用户了解企业的专业服务内容，包括服务类型、流程、优势等。 3. 产品展示：展示企业的产品或解决方案，通过图片、视频、文字等多媒体形式，让产品特性一目了然。 4. 案例分享：分享成功的案例，以实际成果证明企业的专业实力和服务质量。 5. 新闻动态：发布企业新闻、行业资讯，保持网站内容更新，提升搜索引擎排名。 6. 联系我们：提供清晰的联系方式，包括电话、邮箱、地图位置等，方便客户与企业取得联系。 三、前端技术应用 1. HTML5：使用HTML5语义化标签，提高网页结构的清晰度，同时支持更多的媒体元素，增强用户体验。 2. CSS3：利用CSS3的动画和过渡效果，为网站增添视觉吸引力，提高交互性。 3. JavaScript：通过JavaScript实现动态效果，如表单验证、页面跳转、数据交互等，提升用户操作便捷性。 4. Bootstrap框架：可能采用了Bootstrap框架，简化开发过程，提供响应式和移动优先的开发模式。 5. jQuery库：jQuery简化了JavaScript的DOM操作，使得代码更加简洁高效。 总结来说，"28蓝色科技服务企业交互动态全套网站源代码"是一套集专业设计、强大功能和高效开发于一体的网站模板，对于想要建立科技服务类企业网站的用户来说，是理想的选择。通过这套源代码，开发者可以快速搭建起一个具有现代感和互动性的企业网站，为企业在互联网上树立专业且引人注目的形象。

OAuth 2.0 是一个授权框架，用于安全地允许第三方应用访问用户的数据，而无需共享用户的登录凭据。在Java中实现OAuth 2.0，我们可以利用Spring Security OAuth2库，它提供了服务端（Authorization Server）和客户端（Resource Server）的支持。在提供的压缩包中，包含两个Maven项目，一个是`oauthserver`，代表了OAuth 2.0的服务端，另一个是`oauthclient01`，代表了客户端。 ### 1. OAuth 2.0 服务端（oauthserver） 服务端是OAuth协议的核心，负责验证用户身份并颁发访问令牌（Access Token）。在`oauthserver`项目中，我们通常会配置以下几个核心组件： - **Authorization Endpoint**：用户在此处授权应用访问其资源。 - **Token Endpoint**：客户端通过此接口获取访问令牌。 - **Resource Owner Password Credentials Grant**：一种授权类型，允许用户直接提供用户名和密码来获取令牌。 - **Authorization Code Grant**：另一种常见的授权方式，涉及授权码的交换。 - **Client Registration**：服务端需要注册客户端，存储客户端ID和密钥。 在Spring Security OAuth2中，我们可以通过配置`AuthorizationServerConfigurerAdapter`来设置这些组件。 ### 2. OAuth 2.0 客户端（oauthclient01） 客户端负责获取并使用访问令牌来访问受保护的资源。`oauthclient01`项目中，通常包括以下步骤： - **User Authorization**：引导用户前往服务端进行授权。 - **Token Retrieval**：使用授权码或用户凭证从服务端获取访问令牌。 - **Access Resource**：携带访问令牌向资源服务器请求数据。 在Spring Security OAuth2中，我们可以配置`ResourceServerConfigurerAdapter`来设置客户端的行为，并使用`OAuth2RestTemplate`来处理OAuth相关的HTTP请求。 ### 3. OAuth 2.0 流程 1. **用户登录客户端**：用户在客户端应用中登录。 2. **重定向到授权服务器**：客户端将用户导向服务端的授权端点，传递客户端ID和重定向URI。 3. **用户授权**：用户在服务端确认是否允许客户端访问其资源。 4. **返回授权码**：如果用户同意，服务端返回一个授权码到客户端的重定向URI。 5. **客户端请求令牌**：客户端使用授权码和自己的凭证向服务端的令牌端点请求访问令牌。 6. **服务端颁发令牌**：服务端验证信息后，发放访问令牌和可选的刷新令牌。 7. **客户端访问资源**：客户端使用访问令牌向资源服务器请求用户资源。 8. **资源服务器验证令牌**：资源服务器验证令牌的有效性，然后提供资源。 ### 4. 关键概念 - **Access Token**：允许客户端访问资源的凭证。 - **Refresh Token**：当访问令牌过期时，用于获取新访问令牌的凭证。 - **Scope**：定义了客户端可以访问的资源范围。 - **Client ID** 和 **Client Secret**：识别客户端的身份，并确保客户端请求的安全性。 ### 5. Spring Security OAuth2 配置 在Java配置中，我们需要为OAuth2的各个组件提供具体的实现，例如： ```java @Configuration @EnableAuthorizationServer public class AuthorizationServerConfig extends AuthorizationServerConfigurerAdapter { // 配置客户端详情服务、令牌存储、用户认证等 } @Configuration @EnableResourceServer public class ResourceServerConfig extends ResourceServerConfigurerAdapter { // 配置资源服务器的权限规则 } ``` ### 6. 总结 在Java中实现OAuth 2.0，我们可以借助Spring Security OAuth2库，它简化了服务端和客户端的配置。通过理解OAuth 2.0的授权流程和关键概念，以及掌握Spring Security OAuth2的配置方法，开发者可以创建安全且易于扩展的API访问控制系统。在`oauthserver`和`oauthclient01`这两个Maven项目中，你可以看到实际的代码实现，这将有助于深入学习和实践OAuth 2.0的使用。

麒麟云打印是一款跨平台的打印解决方案，它支持Windows服务端和Linux客户端，旨在提供便捷、高效的远程打印功能。本文将详细介绍这两个平台上的实现原理及应用。 在Windows服务端，麒麟云打印利用服务程序驻留在后台，确保即使用户没有登录到操作系统，也能持续接收并处理打印任务。服务端主要负责管理打印机配置、接收来自客户端的打印请求、转换打印数据格式以及通过网络将打印任务发送到本地或远程的物理打印机。为了确保稳定性和安全性，Windows服务端通常会采用权限控制和认证机制，确保只有授权的客户端可以发送打印任务。 在Linux客户端方面，麒麟云打印通常通过安装特定的软件包来实现与Windows服务端的通信。这些客户端软件允许用户在Linux环境中无缝地发送打印任务到云打印服务。客户端软件可能包含图形界面，让用户可以方便地选择打印机、设置打印选项，并监控打印队列。同时，客户端也会处理数据格式转换，以便与服务端兼容。Linux的跨平台特性使得麒麟云打印可以在多种Linux发行版上运行，包括Ubuntu、CentOS、Fedora等。 麒麟云打印的核心技术是基于TCP/IP的网络通信协议，这使得打印任务能在不同系统间安全传输。服务端和客户端之间的通信通常采用加密技术，如SSL/TLS，以保护打印数据不被截获或篡改。此外，数据格式转换是另一个关键技术点，因为Windows和Linux支持的打印指令可能有所不同。例如，Windows通常使用GDI（图形设备接口）或PCL（页面描述语言），而Linux更倾向于使用CUPS（Common Unix Printing System）和PostScript。 为了实现云打印，麒麟云打印系统通常包括以下组件： 1. 打印服务器：处理来自客户端的请求，管理打印机配置，并将任务转发到正确的目标打印机。 2. 客户端应用程序：在用户的工作站上运行，提供用户界面，用于提交打印任务和查看状态。 3. 打印驱动：服务端和客户端都需要安装相应的驱动，以便处理各种打印机型号和文件格式。 4. 数据传输协议：确保数据在不同网络环境下的安全、高效传输。 5. 认证和授权机制：保护系统免受未经授权的访问和滥用。 麒麟云打印系统的优点在于它的灵活性和可扩展性，不仅可以处理本地网络中的打印机，还可以连接到互联网上的云打印机，使得远程办公和分布式团队能够共享打印资源。此外，通过集中管理和监控，IT管理员可以更有效地维护打印环境，降低故障率，提高生产力。 麒麟云打印为Windows和Linux用户提供了一个集成的打印解决方案，通过先进的网络技术和跨平台兼容性，实现了无缝的远程打印体验。无论是企业内部还是跨地域的协作，都能从中受益。

在当今社会，随着科技的发展和人工智能的不断进步，各种智能设备层出不穷，其中智能售货机就是比较常见的一种。对于智能售货机的管理和维护，就需要一套完善且高效的管理系统。基于RuoYi（SpringBoot+Vue前后端分离）的售货机管理系统，就是一个专门针对售货机的管理需求而设计的系统。 RuoYi是一种基于SpringBoot+Vue的前后端分离框架，其前后端分离的特性使其具备了高度的灵活性和可扩展性。SpringBoot是一个强大的后端框架，它简化了基于Spring的应用开发过程，通过最少的配置就能快速搭建项目。Vue.js则是一个用于构建用户界面的前端框架，它易于上手，而且可以与现有的库或项目整合。 售货机管理系统主要包含的功能有商品管理、库存管理、销售数据统计、设备管理、支付方式管理等。商品管理主要是对售货机内的商品种类、价格、图片等信息进行管理。库存管理则涉及到商品的进货、出货、库存量等信息的管理。销售数据统计主要是对售货机的销售情况进行统计分析，为运营管理提供数据支持。设备管理则包括对售货机的位置、工作状态、维护记录等信息进行管理。支付方式管理则是对售货机支持的支付方式，如现金、支付宝、微信等进行管理。 RuoYi框架使得售货机管理系统具备了模块化、低耦合的特点，前端和后端通过API进行交互，使得系统的开发和维护变得更加灵活和高效。同时，前后端分离的架构也使得前端可以使用Vue.js进行快速开发，提高了开发效率和用户体验。 系统采用的技术栈主要包括SpringBoot、Vue.js、MyBatis等。SpringBoot负责后端业务逻辑的处理，Vue.js用于构建用户界面，MyBatis则用于数据持久化操作。此外，系统还可能使用了一些安全框架，如Spring Security，来保证系统的安全性。 在系统开发过程中，前端开发者可以专注于界面的设计和用户体验的提升，而后端开发者则可以专注于业务逻辑的实现和数据处理。这样的分工协作，不仅提高了开发效率，也使得系统的维护变得更加方便。 基于RuoYi（SpringBoot+Vue前后端分离）的售货机管理系统，以其高效、灵活、易于维护的特点，成为了智能售货机管理领域的一个重要工具。它不仅提高了售货机的运营效率，也提升了用户的购物体验，具有非常广阔的应用前景。

在当前快速发展的前端领域中，Vue.js 作为一个流行的JavaScript框架，以其响应式、组件化的特性获得了广泛的认可和使用。Vue 3作为Vue.js的新版本，它不仅带来了性能的提升，还引入了如 Composition API 这样的新特性，使得开发者能够以更灵活的方式组织和复用代码。 Vben5是一个基于Vue 3和Typescript开发的前端框架，它通过一系列的封装和优化，旨在为开发者提供更加快速、便捷的开发体验。Vben5以项目脚手架的形式存在，内置了许多常见的前端工程化需求，比如路由管理、状态管理、国际化等，极大地简化了这些功能的实现和配置过程。 考虑到前端开发中常见的需求，Vben5还提供了一系列配套的组件库，这些组件不仅遵循现代前端设计标准，而且能够很好地与Vue 3的核心特性相结合，如响应式数据流和虚拟DOM。这些组件库旨在提供统一的设计语言和用户体验，减少开发者在界面设计上花费的时间，让他们能够更加专注于业务逻辑和功能开发。 本套资料中的“vue-vben-admin-main-第12节后”文件名暗示了这是一份关于Vben5框架的教程或者文档，它可能是对Vben5框架进行系统性介绍的一部分，内容涉及前端管理系统的搭建和相关高级特性的实现。这部分内容可能详细讲解了如何使用Vben5框架来构建一个功能完备的后台管理系统，包括但不限于用户界面、权限控制、数据图表展示等模块。 此外，考虑到前端开发的多变性和模块化，Vben5框架的设计理念还包括了易于扩展和定制的特性。开发者可以通过配置或编写插件来扩展框架的功能，满足特定业务场景下的需求。同时，Vben5也支持多种插件和中间件，使得它能够与现有的前端技术栈和工具链相融合。 Vben5不仅仅是一个框架，它更像是一个生态系统，提供了一整套工具和组件，帮助开发者高效地构建前端应用，同时也保证了足够的灵活性和扩展性，以应对不断变化的开发需求和挑战。随着前端技术的演进，Vben5也在不断更新和改进，使其成为了一个值得信赖和期待的前端解决方案。

在本项目中，开发者利用了深度学习技术，特别是卷积神经网络（CNN）以及U-Net模型，结合OpenCV库（cv2），实现了一个针对中文车牌的定位、矫正和端到端识别系统。这个系统展示了如何将先进的计算机视觉技术与深度学习算法相结合，以解决实际的图像处理问题。 U-Net是一种特殊的卷积神经网络架构，广泛应用于图像分割任务，包括对象检测和定位。其特点是具有对称的收缩和扩张路径，收缩路径负责捕获上下文信息，而扩张路径则用于精确地恢复对象细节。在车牌定位中，U-Net可以高效地找出图像中的车牌区域，生成对应的掩模，从而帮助确定车牌的位置。 OpenCV（Open Source Computer Vision Library）是一个开源的计算机视觉库，包含了大量的图像处理和计算机视觉的算法。在这里，它被用来对定位后的车牌进行图像矫正。OpenCV可以执行图像变换，如旋转、缩放和仿射变换，以确保即使车牌角度不正，也能得到正向展示的图像，这为后续的字符识别步骤打下基础。 接下来，卷积神经网络（CNN）是深度学习中的核心组件，尤其在图像识别任务中表现出色。在这个项目中，CNN模型被训练来识别经过定位和矫正后的车牌上的字符。CNN通过学习多个卷积层和池化层，能自动提取图像特征，并在全连接层进行分类。训练过程中，可能使用了TensorFlow这一强大的深度学习框架，它提供了丰富的工具和接口，简化了模型构建和训练的过程。 TensorFlow是谷歌开发的开源平台，用于构建和部署机器学习模型。它支持数据流图的构建，允许开发者定义计算流程，然后在CPU或GPU上高效执行。在车牌字符识别阶段，开发者可能构建了一个CNN模型，用大量的带标签车牌图像进行训练，使得模型能够学习到中文字符的特征，达到高精度的识别效果。 这个项目综合运用了深度学习（如U-Net和CNN）、计算机视觉（OpenCV）和强大的开发工具（TensorFlow），实现了对中文车牌的精准定位、矫正和字符识别。这样的端到端解决方案对于智能交通、安防监控等领域有着重要的应用价值，同时也展示了深度学习在解决复杂图像识别问题上的强大能力。通过深入理解和实践这些技术，开发者可以进一步优化模型性能，提升系统在实际环境中的应用效果。

这是一个精心仿制 Apifox 界面的纯前端项目，使用 Next + Antd + TypeScript + TailwindCSS 开发，源码融入了很多好的编码实践，能让你学习到如何组织和建设一个复杂的 React 项目，非常适合 React 新手学习！ 在日常工作中，我经常会使用 Antd 来构建页面，但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧，我选择了 Apifox 这个相对复杂的界面进行模仿，希望在实践中能够掌握使用 Antd 打造出高级的页面效果。 可能有很多小伙伴也抱有类似的学习动机，所以我将代码开源出来，希望能帮助各位。 本地启动 pnpm i # 安装项目依赖 pnpm dev # 启动本地服务