AI导哈

现代Web应用开发工具

一个基于现代工具和最佳实践构建的生产就绪Web应用程序。

  • by constantinostrada
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 constantinostrada/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

许可证

麻省理工学院

相关 MCP