自己开发一款极简 Vanilla 原生前端框架，已开源上架 NPM & GitHub

文章目录

• • 一、项目介绍
  • 二、框架特点
  • 三、安装使用
  • • [1. NPM 安装](#1. NPM 安装)
    • [2. 引入方式](#2. 引入方式)
  • 四、项目仓库地址
  • • [NPM 仓库](#NPM 仓库)
    • [GitHub 开源地址](#GitHub 开源地址)
  • 五、写在最后

一、项目介绍

最近抽空手写了一款轻量极简版 Vanilla 风格前端框架 ，命名为 vanilla-js-dong，目前已经正式发布到 NPM 仓库，同时开源托管在 GitHub。

框架主打原生 JS、零依赖、极简架构，没有冗余复杂的 API，主打轻量化、开箱即用，适合小型页面、静态站点快速开发使用。

二、框架特点

• ✅ 纯原生 JavaScript 编写，无任何第三方依赖
• ✅ 体积超小，无多余打包冗余
• ✅ 标准工程化目录结构，遵循开源规范
• ✅ 支持 NPM 直接安装引入
• ✅ 全程开源，代码托管 GitHub
• ✅ 结构可扩展，后续可不断新增内置 API

三、安装使用

1. NPM 安装

npm install vanilla-js-dong

2. 引入方式

ESModule 引入：

import "vanilla-js-dong";

后续会持续封装常用原生 DOM 工具、简易全局方法，慢慢丰富框架能力。

四、项目仓库地址

NPM 仓库

https://www.npmjs.com/package/vanilla-js-dong

GitHub 开源地址

https://github.com/dxiangwiki/vanilla-js-dong

感兴趣的可以 Star 一波，后续会持续迭代功能、完善文档和示例 Demo。

五、写在最后

做这个框架主要是为了：

1. 熟悉前端开源项目完整搭建流程
2. 体验从搭目录 → 配工程 → 发 NPM → 托管 GitHub 全流程
3. 打造一个属于自己的极简原生 JS 工具框架

后续会慢慢补充核心方法、工具函数、示例页面，做成一个真正能用的轻量原生前端框架。