首页 > web前端 > js教程 > 与 Vite On 类固醇反应

与 Vite On 类固醇反应

PHPz
发布: 2024-08-14 10:33:54
原创
709 人浏览过

现代 Web 开发的强大入门模板

通过 React with Vite On Steroids 轻松构建 React 应用程序

– 用于轻松创建高性能 React 应用程序的入门模板。

里面有什么?

此模板包含旨在简化您的开发流程的功能:
  • Vite
  • :闪电般快速的构建工具,可确保快速开发和优化生产构建。
  • React
  • :用于构建用户界面的流行 JavaScript 库。
  • TypeScript
  • :为您的 JavaScript 添加类型安全性和增强的工具。
  • Tailwind CSS
  • :实用程序优先的 CSS 框架,无需编写自定义 CSS 即可创建令人惊叹的设计。
  • ESLint
  • :保持代码库干净并与可插入的 linting 规则保持一致。
  • Prettier
  • :一个固执己见的代码格式化程序,可以在整个项目中强制执行一致的样式。
  • Vitest
  • :采用 Vite 原生方法的超快单元测试框架。
  • 测试库
  • :简单而完整的测试实用程序,鼓励良好的测试实践。
  • Playwright
  • :支持多种浏览器的多功能端到端测试框架。
  • Husky
  • :自动化您的 Git 挂钩,例如预提交挂钩,以确保代码在到达存储库之前的质量。

入门

先决条件

开始之前,请确保您已安装以下软件:
  • Node.js(版本 20.x 或更高版本)
  • 纱线(或 npm 或 pnpm)

安装

通过以下简单步骤启动您的项目:
  1. 克隆存储库:
   git clone https://github.com/RicardoGEsteves/react-with-vite-on-steroids.git
   cd react-with-vite-on-steroids
登录后复制
  1. 安装依赖项:
   yarn
登录后复制

运行开发服务器


准备好开始编码了吗?使用以下命令启动开发服务器:

yarn dev
登录后复制

生产建筑


准备好部署后,使用以下命令创建生产版本:

yarn build
登录后复制

运行测试

此模板附带内置测试实用程序,以确保您的代码按预期工作。
  • 使用 Vitest 进行单元测试:
  yarn test
登录后复制
  • 检查测试覆盖率:
  yarn coverage
登录后复制
  • 与剧作家的端到端测试:

    • 运行所有测试:
    yarn playwright test
    
    登录后复制
    • 交互式用户界面模式:
    yarn playwright test --ui
    
    登录后复制
    • 仅在桌面 Chrome 上运行测试:
    yarn playwright test --project=chromium
    
    登录后复制
    • 在特定文件中运行测试:
    yarn playwright test example
    
    登录后复制
    • 调试模式:
    yarn playwright test --debug
    
    登录后复制
    • 使用 Codegen 自动生成测试:
    yarn playwright codegen
    
    登录后复制

检测和格式化

使用这些命令保持代码质量和一致性:
  • 检查代码:
  yarn lint
登录后复制
  • 修复 linting 错误:
  yarn lint:fix
登录后复制
  • 格式化代码:
  yarn format
登录后复制

执照

该项目已获得 MIT 许可证的许可。有关更多详细信息,请参阅 LICENSE 文件。

致谢

非常感谢这些令人惊叹的工具背后的开发者和社区:
  • 点赞
  • 反应
  • 打字稿
  • Tailwind CSS
  • ESLint
  • 更漂亮
  • 访问
  • 测试库
  • 剧作家
  • 哈士奇

查看模板@RicardoGEsteves

我的网站上有很多内容 https://www.ricardogesteves.com

跟着我@ricardogesteves

X(推特)
React with Vite On Steroids

RicardoGEsteves (里卡多·埃斯特维斯) · GitHub

全栈开发人员 |热衷于创造直观且有影响力的用户体验 |总部位于葡萄牙里斯本? - 里卡多·GE史蒂夫斯
React with Vite On Steroids
github.com

以上是与 Vite On 类固醇反应的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板