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许可证
麻省理工学院