<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: 是但求其发</title>
    <description>The latest articles on DEV Community by 是但求其发 (@hopeso).</description>
    <link>https://dev.to/hopeso</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1765031%2F7c25c5d5-28ea-448b-ab4d-9d4859d71482.png</url>
      <title>DEV Community: 是但求其发</title>
      <link>https://dev.to/hopeso</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hopeso"/>
    <language>en</language>
    <item>
      <title>在多机运维过程中，最容易踩的几个坑</title>
      <dc:creator>是但求其发</dc:creator>
      <pubDate>Thu, 31 Jul 2025 09:40:15 +0000</pubDate>
      <link>https://dev.to/hopeso/zai-duo-ji-yun-wei-guo-cheng-zhong-zui-rong-yi-cai-de-ji-ge-keng-3eb7</link>
      <guid>https://dev.to/hopeso/zai-duo-ji-yun-wei-guo-cheng-zhong-zui-rong-yi-cai-de-ji-ge-keng-3eb7</guid>
      <description>&lt;p&gt;最近在接手一个中型项目的服务器运维工作，需要同时管理多台 Linux 主机，用于部署前端、后端、数据库、日志服务等。&lt;/p&gt;

&lt;p&gt;原本以为只要用 SSH + 命令脚本就能搞定，但真正上线后，连续踩了不少坑，今天总结一下我遇到的三个典型问题，顺便分享一些实践经验，供需要多机运维的朋友参考。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Femki50v0dbnmaqvej5i8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Femki50v0dbnmaqvej5i8.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  坑一：&lt;strong&gt;每台服务器都要单独维护，工作量极其繁琐&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;最开始的做法非常原始：每台服务器都通过 SSH 登录，单独安装服务、配置防火墙、修改 Nginx 配置文件……一台还好，三台还能接受，到第六台时我脑子嗡了。&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  每次要部署新版服务，得逐台执行命令&lt;/li&gt;
&lt;li&gt;  配置文件不一致，容易“同一套服务表现不同”&lt;/li&gt;
&lt;li&gt;  故障排查分散在不同机器上，定位极其困难&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;解决方案：&lt;/strong&gt;&lt;br&gt;
我使用一款支持“集中式多机管理”的 &lt;strong&gt;&lt;a href="https://www.yops.cn/?0729xtjj" rel="noopener noreferrer"&gt;运维面板工具&lt;/a&gt;&lt;/strong&gt; ，配置一次，可以批量部署和统一管理所有服务器。实际体验过程中，运维效率有了质的提升，也更标准化。&lt;/p&gt;

&lt;p&gt;例如，当我需要给每台服务器安装 &lt;strong&gt;Openresty应用&lt;/strong&gt; 时，我只需要在应用商店选择需要安装的应用和部署的主机即可，全程可视化操作界面操作，快捷高效且直观。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkyfk7hlkwh05sisg402e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkyfk7hlkwh05sisg402e.png" alt=" " width="800" height="778"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  坑二：&lt;strong&gt;端口与服务状态混乱，服务挂了都不知道&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;有一次生产环境的 docker 容器挂了，直到第二天开发同事反馈才发现。原因很简单：没有配置有效的服务监控机制。&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;code&gt;ps -ef | grep&lt;/code&gt; 不是监控&lt;/li&gt;
&lt;li&gt;  &lt;code&gt;systemctl status&lt;/code&gt; 手动查毫无意义&lt;/li&gt;
&lt;li&gt;  没有主动告警，出了问题只能靠“猜”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;你通过以下命令一个个去排查，费时费力&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;uptime&lt;/span&gt; &lt;span class="c"&gt;#显示系统运行时间、登录用户数及1/5/15分钟平均负载&lt;/span&gt;
top &lt;span class="c"&gt;#实时查看整体及进程级CPU占用&lt;/span&gt;
free &lt;span class="nt"&gt;-h&lt;/span&gt;  &lt;span class="c"&gt;#以易读格式显示内存总量、已用、空闲及缓存&lt;/span&gt;
&lt;span class="nb"&gt;df&lt;/span&gt; &lt;span class="nt"&gt;-h&lt;/span&gt;  &lt;span class="c"&gt;#查看文件系统磁盘空间（挂载点、总量、已用、可用）&lt;/span&gt;
&lt;span class="nb"&gt;du&lt;/span&gt; &lt;span class="nt"&gt;-sh&lt;/span&gt; /path &lt;span class="c"&gt;#统计目录/文件磁盘占用（如 du -sh /var/log）&lt;/span&gt;
docker ps &lt;span class="nt"&gt;-a&lt;/span&gt; &lt;span class="c"&gt;#查看所有容器状态（运行/停止）&lt;/span&gt;
netstat &lt;span class="nt"&gt;-tunlp&lt;/span&gt; &lt;span class="c"&gt;#列出监听端口、协议及进程&lt;/span&gt;
lsof &lt;span class="nt"&gt;-i&lt;/span&gt; :端口号 &lt;span class="c"&gt;#查询指定端口占用进程&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;解决方案：&lt;/strong&gt;&lt;br&gt;
通过部署的 &lt;strong&gt;&lt;a href="https://www.yops.cn/?0729xtjj" rel="noopener noreferrer"&gt;Yops运维面板&lt;/a&gt;&lt;/strong&gt; 对以下几个主机信息进行监控：&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  应用 / 站点 / 主机 运行状态&lt;/li&gt;
&lt;li&gt;  关键端口（80, 443, 3306 等）监听状态&lt;/li&gt;
&lt;li&gt;  磁盘占用 / 内存负载 / CPU 占用&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;这些信息被统一汇总到运维面板的仪表盘上，有异常可以一眼看到，并通过邮件或消息实时提醒。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyk19zb4nk6cq4gxluvd5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyk19zb4nk6cq4gxluvd5.png" alt=" " width="800" height="778"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxfih0qrhg5pqg3m31ir1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxfih0qrhg5pqg3m31ir1.png" alt=" " width="800" height="778"&gt;&lt;/a&gt;&lt;br&gt;
容器列表除了对容器的基础监控以外，还可以对容器进行一些基本的操作，如启停、日志、删除等&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyhd8xjfzq6ht2ggf145b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyhd8xjfzq6ht2ggf145b.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  坑三：&lt;strong&gt;权限分散、操作不可追溯，安全风险大&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;多机运维一旦涉及多人协作，比如研发人员需要进服务器排查问题，就会暴露一堆潜在风险：&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  研发人员更改了关键目录，完全无法追踪是谁做的&lt;/li&gt;
&lt;li&gt;  临时开放权限，忘记回收，成为安全隐患&lt;/li&gt;
&lt;li&gt;  sudo/root 操作缺乏限制，日志缺失&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;解决方案：&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  所有服务器统一由面板授权操作，禁用 root 密码登录&lt;/li&gt;
&lt;li&gt;  针对每一次远程操作都记录审计日志（包括所属模块、操作类型、时间、关联IP、详情等）&lt;/li&gt;
&lt;li&gt;  对重要目录采取监控措施，每次变更前后都进行备份，一键恢复即可&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;审计日志可根据操作时间、类型、模块进行快速查询，方便溯源&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3d2twut7mlpa816nby83.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3d2twut7mlpa816nby83.png" alt=" " width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;文件监控计划检测到新增文件以后，会告知文件变更内容，并进行备份&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpi40dcd0aafa9xi2ec2h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpi40dcd0aafa9xi2ec2h.png" alt=" " width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;文件监控计划检测到文件删除以后，会告知文件变更内容，并进行备份&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F929tenq3dktis21kd1al.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F929tenq3dktis21kd1al.png" alt=" " width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;文件监控计划检测到文件变更以后，会告知文件变更内容，并进行备份&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc9ke3vhytunuatc54y71.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc9ke3vhytunuatc54y71.png" alt=" " width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ✍️ 一些感想
&lt;/h2&gt;

&lt;p&gt;多机运维不是主机数量变多那么简单，而是成倍放大的配置、监控、安全、协作问题。不能停留在手动 SSH 的思维做事，效率低下的同时还容易犯错误，能使用现成工具的情况下尽量使用工具。&lt;/p&gt;

&lt;p&gt;我现在基本养成了几个习惯：&lt;/p&gt;

&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;  能用面板集中处理的，就不手动逐台做，因为面板审计日志能记录操作行为&lt;/li&gt;
&lt;li&gt;  所有服务都要设监控 + 异常告警&lt;/li&gt;
&lt;li&gt;  操作留痕，权限最小化管理&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;

&lt;p&gt;这些不是高级技巧，但是真能保命。&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;🌱 工具用得早，用得对，才能让你真正从繁琐中解放出来。&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>linux</category>
      <category>programming</category>
      <category>devops</category>
      <category>docker</category>
    </item>
    <item>
      <title>Yops 运维面板体验：文件变动自动备份 + 一键恢复实测</title>
      <dc:creator>是但求其发</dc:creator>
      <pubDate>Tue, 01 Jul 2025 10:03:45 +0000</pubDate>
      <link>https://dev.to/hopeso/yops-yun-wei-mian-ban-ti-yan-wen-jian-bian-dong-zi-dong-bei-fen-jian-hui-fu-shi-ce-346g</link>
      <guid>https://dev.to/hopeso/yops-yun-wei-mian-ban-ti-yan-wen-jian-bian-dong-zi-dong-bei-fen-jian-hui-fu-shi-ce-346g</guid>
      <description>&lt;p&gt;在Linux系统的服务器运维过程中，&lt;strong&gt;文件的变更记录与版本追溯&lt;/strong&gt;  是一个极其关键但又比较棘手的问题。&lt;/p&gt;

&lt;p&gt;很多问题表面看是 &lt;strong&gt;“服务异常”&lt;/strong&gt; 或 &lt;strong&gt;“系统配置出错”&lt;/strong&gt;，本质却是某个配置文件在某个时间点被不小心修改、替换甚至删除，而运维人员又不一定能准确说出 &lt;code&gt;“改了什么” “什么时候改的” “原来是什么样子”&lt;/code&gt;。这对运维人员的运维工作带来了巨大的阻碍。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Linux运维过程中常见的文件变动包括：&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;配置文件被误删、误改
&lt;/li&gt;
&lt;li&gt;多人协作改动频繁，文件版本混乱
&lt;/li&gt;
&lt;li&gt;文件被恶意篡改，却无日志可查
&lt;/li&gt;
&lt;li&gt;回滚版本困难，临时恢复耗时费力&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4kgtuppikq6pe61ahxvf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4kgtuppikq6pe61ahxvf.png" alt="Image description" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  文件监控的核心需求
&lt;/h2&gt;

&lt;p&gt;一个理想的文件监控方案应该具备以下几个特征：&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;自动发现变更&lt;/strong&gt;：文件被改动时系统能自动识别
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;生成备份版本&lt;/strong&gt;：每次变动前/后都有对应备份
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;记录操作轨迹&lt;/strong&gt;：可查看变动类型、时间、文件路径
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;支持恢复回滚&lt;/strong&gt;：能将文件恢复到任一历史状态
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;可视化查看&lt;/strong&gt;：最好通过可视化界面完成全流程操作&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0u1qxo990bz2agqz2agl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0u1qxo990bz2agqz2agl.png" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Yops 运维面板文件监控功能
&lt;/h2&gt;

&lt;p&gt;在Linux服务器部署&lt;a href="https://www.yops.cn/" rel="noopener noreferrer"&gt;Yops运维面板&lt;/a&gt;后，只需要几步操作便可实现对目标文件的实时监控，以下是Yops运维面板文件监控功能的使用流程：&lt;/p&gt;

&lt;h3&gt;
  
  
  1. 设置监控计划
&lt;/h3&gt;

&lt;p&gt;进入Yops的「文件监控」模块后，执行以下操作：&lt;/p&gt;

&lt;p&gt;①点击创建监控计划&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F74tcbji20sidfpn9f4k7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F74tcbji20sidfpn9f4k7.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;br&gt;
②选择需要监控目录所在的主机&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvjs553qz250bncy504rg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvjs553qz250bncy504rg.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;③选择需要监控的目录（如 &lt;code&gt;/opt/test/&lt;/code&gt; ），设置监控策略（实时监控、每分钟、每小时等），设置文件备份时间以及备份数量&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftwzfvcxus6a9umq6ydmw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftwzfvcxus6a9umq6ydmw.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;br&gt;
④保存计划并启动监控任务&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filngsgyh05bzl9ldabut.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Filngsgyh05bzl9ldabut.png" alt="Image description" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;完成以上步骤创建好的监控计划详情如下图：&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs5bis61ol6kedlci1pkd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs5bis61ol6kedlci1pkd.png" alt="Image description" width="800" height="629"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  2. 文件监控效果测试
&lt;/h3&gt;

&lt;p&gt;在监控任务生效后，Yops运维面板会实时监听指定目录中的文件操作。无论是使用 &lt;strong&gt;面板内终端、SSH 登录 或 可视化操作界面&lt;/strong&gt; 等方式对文件做出如下行为，都会被Yops文件监控功能监测到并进行备份：&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;新增（创建新文件）&lt;/li&gt;
&lt;li&gt;修改（内容更新或替换）&lt;/li&gt;
&lt;li&gt;重命名或移动&lt;/li&gt;
&lt;li&gt;删除（rm 操作）&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;
  
  
  🆕 新增文件
&lt;/h4&gt;

&lt;p&gt;我来实测一下Yops运维面板的表现，当我使用终端在 &lt;code&gt;/opt/test/&lt;/code&gt; 目录下执行以下命令：&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;vim demo01.sh  &lt;span class="c"&gt;#新增一个dome01脚本&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F52qd7ycfloxyde5g9fzf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F52qd7ycfloxyde5g9fzf.png" alt="Image description" width="800" height="194"&gt;&lt;/a&gt;&lt;br&gt;
在&lt;code&gt;/opt/test/&lt;/code&gt;目录新增文件以后，Yops运维面板会在检测到变更的第一时间：&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;自动备份变更后的文件版本，可在Yops运维面板中一键恢复变更后的状态
&lt;/li&gt;
&lt;li&gt;文件变动记录会记录此次操作的主机、运行时间、监控结果等
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fglkwe10v4ygm0q0uop0q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fglkwe10v4ygm0q0uop0q.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;
  
  
  ✏️ 修改文件内容
&lt;/h4&gt;

&lt;p&gt;在执行上述新增 &lt;strong&gt;demo01.sh&lt;/strong&gt; 文件命令后，对 &lt;strong&gt;demo01.sh&lt;/strong&gt; 文件进行修改&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg1noa68u85r71d4sqwps.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg1noa68u85r71d4sqwps.png" alt="Image description" width="800" height="232"&gt;&lt;/a&gt;&lt;br&gt;
Yops运维面板会在第一时间检测到文件的变化并进行备份&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa9dp4bl66s4z2tan9857.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa9dp4bl66s4z2tan9857.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;
  
  
  🔀 重命名或移动文件
&lt;/h4&gt;

&lt;p&gt;在监控目录下新建一个&lt;strong&gt;dome03.sh&lt;/strong&gt;文件后进行重命名，执行以下命令：&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;mv &lt;/span&gt;demo03.sh demo04.sh   &lt;span class="c"&gt;#在Linux中，mv命令可以用作重命名，也可以用作移动文件&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feiup97ewene8pwjjb93p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feiup97ewene8pwjjb93p.png" alt="Image description" width="800" height="154"&gt;&lt;/a&gt;&lt;br&gt;
Yops运维面板的监控计划也会监控到这一变化并进行备份&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fne87pf5ojun9fqdiyucb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fne87pf5ojun9fqdiyucb.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;
  
  
  🗑️ 删除文件（rm 操作）
&lt;/h4&gt;

&lt;p&gt;在监控目录下删除刚刚重命名为 &lt;strong&gt;demo04.sh&lt;/strong&gt; 的文件，执行以下命令：&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; demo04.sh   &lt;span class="c"&gt;#删除demo04.sh文件&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fasnvu0ebko6670bd3hoe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fasnvu0ebko6670bd3hoe.png" alt="Image description" width="800" height="255"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl0l95jip02af72x6v5fi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl0l95jip02af72x6v5fi.png" alt="Image description" width="800" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  3. 文件恢复
&lt;/h3&gt;

&lt;p&gt;对于每一条历史记录，用户可以执行以下操作：&lt;/p&gt;

&lt;p&gt;点击 &lt;strong&gt;“恢复”&lt;/strong&gt; 按钮，将该文件恢复至该版本状态，点击 &lt;strong&gt;“下载”&lt;/strong&gt; 按钮，可将备份文件下载到本地保存，整个流程无需命令行操作，对非专业运维人员同样友好。&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7gxc5q86n5jskywl8jnj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7gxc5q86n5jskywl8jnj.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;br&gt;
在终端查询监控目录下的文件可以发现刚刚删除的 &lt;strong&gt;demo04.sh&lt;/strong&gt; 文件已经恢复&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnemioto6kpz3pv4425r1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnemioto6kpz3pv4425r1.png" alt="Image description" width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Yops运维面板其他功能
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;多机运维管理&lt;/strong&gt;
Yops支持同时接入多台服务器，提供统一的节点管理、分组和标签系统，适合中大型项目横向扩展与集中控制。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fat3zytaklrmm9gj9p4ec.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fat3zytaklrmm9gj9p4ec.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F132g8rlmw946dklupkpx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F132g8rlmw946dklupkpx.png" alt="Image description" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4qig4ns58woixnpx4wpp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4qig4ns58woixnpx4wpp.png" alt="Image description" width="800" height="420"&gt;&lt;/a&gt;    &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;站点与应用部署&lt;/strong&gt;
Yops提供一键新建站点功能，自动配置 Nginx、PHP、数据库环境，也支持 Node.js 等后端应用部署，适合常见的 Web 项目搭建流程。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcjb75szpgfl7bn142i4d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcjb75szpgfl7bn142i4d.png" alt="Image description" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbfa5cvqvgyk4yqyrcndt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbfa5cvqvgyk4yqyrcndt.png" alt="Image description" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8oemboes4s8ns05ttq1c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8oemboes4s8ns05ttq1c.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;操作审计日志&lt;/strong&gt;
Yops运维面板会记录所有用户在面板上的关键操作，包括文件修改、任务配置、服务重启等，方便后续溯源或团队协作审查。&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdu7t2n1k3m4rtxnui3iw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdu7t2n1k3m4rtxnui3iw.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;br&gt;
无论是轻量的单机运维，还是复杂的多机管理，Yops运维面板都提供了相对平衡的方案，尤其在&lt;strong&gt;可视化、自动化和易用性&lt;/strong&gt;方面，不管你是专业的运维人员还是非专业的运维人员都适用。&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.yops.cn/" rel="noopener noreferrer"&gt;Yops 运维面板&lt;/a&gt;并非单一工具，而是集成了一套完整的轻量级Linux系统运维面板，尤其适合中小型团队、个人开发者或企业私有部署。&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;✅ &lt;strong&gt;总结一句话&lt;/strong&gt;：文件监控既是锦上添花，又能在系统出问题时，带你回头的“后悔药”。&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>linux</category>
      <category>operations</category>
      <category>serverless</category>
      <category>webdev</category>
    </item>
    <item>
      <title>This tool makes development effortless</title>
      <dc:creator>是但求其发</dc:creator>
      <pubDate>Mon, 15 Jul 2024 08:56:24 +0000</pubDate>
      <link>https://dev.to/hopeso/this-tool-makes-development-effortless-14b7</link>
      <guid>https://dev.to/hopeso/this-tool-makes-development-effortless-14b7</guid>
      <description>&lt;p&gt;In the rapidly changing field of software development, the choice of tools often determines the level of development efficiency. Today, I will introduce an online development tool,&lt;a href="https://www.cloudtogo.cn/product-TitanIDE?dev" rel="noopener noreferrer"&gt;TitanIDE&lt;/a&gt; , which allows you to say goodbye to tedious programming steps and quickly convert requirements to code . With the functions of one-click code generation and one-click code interpretation, it brings an unprecedented convenient experience to developers.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Introduction
&lt;/h3&gt;

&lt;p&gt;In the traditional development process, from demand analysis to code writing, and then to debugging and running, each step requires developers to invest a lot of time and energy. The emergence of TitanIDE has completely changed this situation. Through intelligent algorithms, rich template libraries and built-in intelligent assistants, it allows developers to easily realize the conversion of requirements into code, greatly improving development efficiency.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Steps to generate code
&lt;/h3&gt;

&lt;h4&gt;
  
  
  2.1 Demand input
&lt;/h4&gt;

&lt;p&gt;The first step in using &lt;a href="https://www.cloudtogo.cn/product-TitanIDE?dev" rel="noopener noreferrer"&gt;TitanIDE&lt;/a&gt; is to input your requirements. You can express your requirements in various forms such as text description, flow chart or UML diagram.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F32vw7qw9sb5h7khxzbwb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F32vw7qw9sb5h7khxzbwb.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2.2 Generate code with one click
&lt;/h4&gt;

&lt;p&gt;After entering your requirements, you only need to click the "Generate Code" button, and TitanIDE will automatically generate the corresponding code based on your requirements.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvnh9xnenwbw83ehsa5xk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvnh9xnenwbw83ehsa5xk.png" alt="Image description" width="800" height="434"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2.3. One-click code insertion
&lt;/h4&gt;

&lt;p&gt;After the code is generated, you can click the button at the top of the generated code module to "insert" the code into the specified file with one click.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqkbs0u3uidqgrqg9naz3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqkbs0u3uidqgrqg9naz3.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2.4 Create a new terminal and run the code
&lt;/h4&gt;

&lt;p&gt;After the code is inserted into the specified folder, we create a new terminal, switch to the folder where the code is located, and use the "http-serve" command to run the code&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3r471goo5feab3rpolln.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3r471goo5feab3rpolln.png" alt="Image description" width="800" height="481"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;http-serve&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl6ahv35cvjoge37erupa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl6ahv35cvjoge37erupa.png" alt="Image description" width="800" height="481"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2.5 Check the page effect
&lt;/h4&gt;

&lt;p&gt;Find the port mapping under the smart assistant, click Copy Link, and then paste the link in the browser to view the page effect.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Few8mrq5vu7hnu465d4i5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Few8mrq5vu7hnu465d4i5.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjrjmx14qyfrvfn1x6stq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjrjmx14qyfrvfn1x6stq.png" alt="Image description" width="800" height="478"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjqioc6awy1a88372b1zg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjqioc6awy1a88372b1zg.png" alt="Image description" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The above two pictures are the page effects generated by TitanIDE intelligent assistant according to my needs. It can be seen that the requirements are fully met, and the entire color scheme and style of the page are more beautiful.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Optimize and interpret code
&lt;/h3&gt;

&lt;h4&gt;
  
  
  3.1 Optimization code
&lt;/h4&gt;

&lt;p&gt;Select the code that needs to be optimized and click "Optimize Code" to complete the code optimization&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fugjylguhio6nne9fdtgd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fugjylguhio6nne9fdtgd.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  3.2 Interpret code
&lt;/h4&gt;

&lt;p&gt;Select the code that needs to be explained and click "Explain Code" to complete the code explanation.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpn07gpi2guykcxrfrhwb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpn07gpi2guykcxrfrhwb.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Summary
&lt;/h3&gt;

&lt;p&gt;As an online development tool, &lt;a href="https://www.cloudtogo.cn/product-TitanIDE?dev" rel="noopener noreferrer"&gt;TitanIDE&lt;/a&gt; brings an unprecedented convenient experience to developers with its one-click code generation and one-click code interpretation functions. It can not only improve development efficiency, but also reduce development costs, allowing you to focus more on the implementation of core business logic. The overall use effect is quite smooth, and the improvement in production efficiency is not even a little bit. It is very suitable for all developers. Whether you are a student, a junior developer or a senior developer, this development tool can surprise you at the same time. , and it will make you no longer tired during the development process.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
