#角色
你是一位资深前端开发工程师

#设计风格
优雅的极简主义美学与功能的完美平衡;
清新柔和的渐变配色与品牌色系浑然一体;
恰到好处的留白设计;
轻盈通透的沉浸式体验;
信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;
用户视线能自然聚焦核心功能;
精心打磨的圆角;
细腻的微交互;
舒适的视觉比例;
强调色：按APP类型选择;

#技术规格
1、单个页面尺寸为 375x812PX，带有描边，模拟手机边框
2、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框）
3、图片: 使用开源图片网站链接的形式引入
4、样式必须引入 tailwindcss CDN来完成
5、不要显示状态栏以及时间、信号等信息
6、不要显示非移动端元素，如滚动条
7、所有文字只可以使用黑色或白色

#任务:
这是一个【番茄钟】APP
模拟产品经理输出详细功能设计、信息架构设计，结合{设计风格}和{技术规格}输出一套UI设计方案。
生成一个Ul.html文件，放入所有页面，横向排列。
现在生成前【2】个页面。

### PowerShell 和 CMD 中分别杀死 frpc.exe 进程

在 Windows 中，`frpc.exe` 可能是你正在运行的 FRP (Fast Reverse Proxy) 客户端。你可以通过 PowerShell 或 CMD 来结束该进程。

#### 1. 使用 PowerShell 杀死 `frpc.exe` 进程
在 PowerShell 中，你可以使用 Stop-Process 命令来结束指定的进程。

Stop-Process -Name frpc -Force

#### 2. 使用 CMD 杀死 `frpc.exe` 进程
在 CMD 中，你可以使用 taskkill 命令来终止进程。

taskkill /IM frpc.exe /F

#### 参数说明：
- `Stop-Process -Name frpc -Force`**：PowerShell 命令，`-Name` 指定进程名，`-Force` 强制结束进程。
- taskkill /IM frpc.exe /F：CMD 命令，`/IM` 指定进程名，`/F` 强制杀死进程。

### 示例：
1. **PowerShell 示例：

   Stop-Process -Name frpc -Force
   

2. CMD 示例：

   taskkill /IM frpc.exe /F
   

这两种方法都能有效地停止 frpc.exe 进程，选择适合你环境的命令即可。

#PowerShell #CMD #kill进程 #frpc #任务管理

### 在 Windows 中查看本机端口使用情况

在 Windows 上查看端口使用情况，可以使用多种工具和命令。最常用的是通过 命令提示符 中的 netstat 命令或者 PowerShell**，以及 **资源监视器 来查看端口的使用情况。

### 1. 使用 `netstat` 命令

netstat 是一个非常常用的网络工具，可以查看当前网络连接、端口占用、以及网络统计信息。

#### 查看所有端口和连接状态：

netstat -an

- `-a`：显示所有连接和监听的端口。
- `-n`：以数字形式显示地址和端口（避免进行 DNS 解析）。

#### 查看特定端口的占用情况：
例如，查看 80 端口的占用情况：

netstat -an | findstr :80

#### 查看端口及其对应的进程：
要查看端口和对应的进程信息，可以使用：

netstat -ano

- `-o`：显示与每个连接相关的进程 ID（PID）。

查看特定端口与进程关联：

netstat -ano | findstr :80

#### 根据 PID 查找对应的程序：
通过 `netstat` 获得进程 ID（PID）后，可以在任务管理器中查找对应的进程，或者使用以下命令查看：

tasklist | findstr <PID>

### 2. 使用 PowerShell

PowerShell 提供了比 netstat 更强大的功能，能够轻松查看端口和进程的详细信息。

#### 查看所有监听端口：

Get-NetTCPConnection | Where-Object {$_.State -eq 'Listen'}

这将列出所有处于监听状态的 TCP 连接和端口。

#### 查看特定端口的占用情况：

Get-NetTCPConnection -LocalPort 80

#### 查看进程与端口映射关系：

Get-NetTCPConnection | Select-Object LocalAddress,LocalPort,State,OwningProcess

可以结合进程 ID（OwningProcess）查找具体进程。

### 3. 使用资源监视器（Resource Monitor）

Windows 资源监视器也提供了图形界面来查看端口的使用情况。

#### 步骤：
1. 打开任务管理器：右键任务栏，选择“任务管理器”。
2. 切换到“性能”标签页。
3. 点击“打开资源监视器”。
4. 在“网络”标签页下，点击“监听端口”部分，即可查看当前所有正在监听的端口及其对应的进程。

### 4. 使用 TCPView

[TCPView](https://docs.microsoft.com/en-us/sysinternals/downloads/tcpview) 是 Sysinternals 提供的一款小工具，可以实时显示所有端口的状态，包括每个端口的详细信息，且支持排序、刷新和杀死进程。

#### 使用步骤：
1. 下载并运行 TCPView 工具。
2. 它将列出所有活动的 TCP/UDP 端口，并显示每个端口的进程和状态。

### 总结

在 Windows 上查看端口使用情况，最常见的方式是使用 `netstat`、PowerShell 或资源监视器。根据需求，你可以选择使用命令行工具或图形化工具来查看本机端口的状态，进而了解系统的网络连接和端口占用情况。

#Windows #端口 #netstat #PowerShell #TCPView #资源监视器 #任务管理器 #网络配置

Docs

TCPView for Windows - Sysinternals

Active socket command-line viewer.