Test MCP Figma

Figma MCP测试

使用现代工具和最佳实践构建的生产就绪web应用程序。

技术栈

• HTML/CSS/JavaScript -核心网络技术
• 维特 -快速构建工具和开发服务器
• ESLint -代码管理和质量保证
• 更漂亮 -代码格式

先决条件

• Node.js（建议使用v18或更高版本）
• npm或yarn包管理器

入门指南

安装

安装项目依赖项：

npm install

发展

启动开发服务器：

npm run dev

该应用程序将在 http://localhost:5173

构建

创建生产构建：

npm run build

构建的文件将位于 dist 目录。

预览

在本地预览生产版本：

npm run preview

代码质量

代码检查

运行ESLint检查代码问题：

npm run lint

修复可自动修复的问题：

npm run lint:fix

格式化

使用Prettier格式化代码：

npm run format

项目结构

.
├── public/          # Static assets
├── src/             # Source files
│   ├── js/          # JavaScript modules
│   ├── css/         # Stylesheets
│   ├── main.js      # Application entry point
│   └── style.css    # Main stylesheet
├── index.html       # HTML entry point
├── vite.config.js   # Vite configuration
├── eslint.config.js # ESLint configuration
├── .prettierrc      # Prettier configuration
└── package.json     # Project dependencies and scripts

许可证

麻省理工学院