开源项目安装与配置指南：Vanilla Prime

开源项目安装与配置指南：Vanilla Prime

vanilla-prime A simpler, more sustainable way of web development 项目地址: https://gitcode.com/gh_mirrors/va/vanilla-prime

1. 项目基础介绍

Vanilla Prime 是一个轻量级的 Web 开发框架，旨在通过使用纯 Web 标准来构建性能优越、轻量级且独立的网站。它继承了 VANILLA TODO 的理念，并进一步将其应用于真实世界的实践中。Vanilla Prime 不依赖任何框架、打包工具或强制性依赖，鼓励开发者深入理解 Web 平台。

主要编程语言：JavaScript (可选 TypeScript)、SCSS

2. 项目使用的关键技术和框架

• Node.js：运行大部分其他工具的环境。
• TypeScript (可选)：提供 JavaScript 的类型安全和正确性。
• SCSS：用于 CSS 预处理。
• s4d：本地开发服务器，支持实时重载和单页应用支持。
• exdom：运行时支持库。
• Playwright：用于端到端和单元测试。
• c8：测试覆盖率工具。
• terser：JavaScript 压缩工具。
• cbst：缓存清除。
• Prettier：代码格式化工具。
• ESLint：JavaScript/TypeScript 代码检查。
• Stylelint：CSS 代码检查。

3. 项目安装和配置的准备工作

在开始安装和配置 Vanilla Prime 项目之前，请确保您的系统中已经安装了以下工具：

• Node.js (版本 >= 20)
• Git

安装步骤

1. 克隆项目到本地：

   git clone --depth=1 https://github.com/morris/vanilla-prime.git my-website
   

2. 进入项目目录：

   cd my-website
   

3. 安装项目依赖：

   npm install
   

4. 运行开发服务器：

   npm run dev
   

5. 在浏览器中访问项目：

   打开浏览器，访问 http://localhost:8080。

6. 开始开发：

   在 ./src 目录下进行开发，./public 目录用于存放静态文件和资源。

7. 构建项目：

   当完成开发后，运行以下命令构建项目：

   npm run build
   

8. 部署项目：

   将 ./dist 目录下的文件部署到静态 Web 服务器上。

请按照以上步骤进行操作，您将能够成功安装和配置 Vanilla Prime 项目，并开始您的 Web 开发工作。

vanilla-prime A simpler, more sustainable way of web development 项目地址: https://gitcode.com/gh_mirrors/va/vanilla-prime