我构建了一个离线、轻量的 VS Code 扩展，用于在真实设备框架中预览响应式设计

Source: Dev.to

Introduction

我经常因为在 VS Code 与占用资源较大的浏览器之间来回切换来检查 UI 是否响应式而感到沮丧。这打断了工作流并消耗了大量内存，于是我创建了 ViewPort —— 一款 VS Code 扩展，能够直接在编辑器中以真实设备框架预览 HTML/CSS/JS。

Features

• 100 % 离线 – 所有功能均在本机运行。
• 隐私至上 – 零遥测或数据追踪；你的代码只属于你。
• 真实设备框架 – 为 iPad、Pixel、桌面等设备提供精确的 CSS 尺寸。
• 轻量级 – 不会占用大量系统资源。

Installation

你可以直接从 VS Code Marketplace 安装：

在此下载 ViewPort

Feedback

我很想听到你的想法、反馈或任何功能需求。告诉我你的感受吧！