---
home: true
# heroImage: https://avatars0.githubusercontent.com/u/49058748?s=200&v=4
actionText: 快速开始 →
actionLink: /guide/start
footer: Copyright © 2018-present Nbjump
pageClass: home-page
---

<!-- features start -->
<div class="features">
<div class="feature">
    <h2>纯 Vue 语法特性</h2>
    <p>语法规范完全遵循 Vue<br />Vue 特性在小程序端高度支持</p>
</div>
<div class="feature">
    <h2>H5 端完美体验</h2>
    <p>小程序特性在 H5 端高度还原<br />H5 Web 场景下细致的体验优化</p>
</div>
<div class="feature">
    <h2>现代化开发体验</h2>
    <p>单文件组件化开发<br />CLI 和自定义构建支持</p>
</div>
</div>
<!-- features end -->

## Nbjump

`Nbjump` 是由 Vue 驱动的多端开发框架，其语法规范完全遵循 Vue，目前已经支持一套代码同时运行到百度小程序、微信小程序以及 H5 Web 端。

框架的优势主要在于在小程序端对 Vue 特性的支持程度高，以及对 H5 Web 端有完善的解决方案（包括小程序生命周期，页面方法，TabBar 等），基于框架开发的代码只需在少数存在平台差异的 API 和组件上进行较低成本的适配，即可完美运行在 H5 端（效果参见下方案例）。`Nbjump` 适用于所有对小程序端和 H5 Web 端有同构开发需求的开发者。

## 快速开始
```bash
npm install -g @nbjump/cli
nbjump create nbjump-project
```

## 支持平台

百度小程序

微信小程序

H5

## 案例

### 多端案例

| | 百度智能小程序 | H5 |
|-|-|-|
| 装馨家 | ![](./assets/qr-jiazhuang.png) | [![](./assets/qr-jiazhuang-h5.png)](https://jia.baidu.com/m#/pages/home/index) |
| 健康养生说 | ![](./assets/qr-yangsheng.png) | [![](./assets/qr-yangsheng-h5.png)](https://sp0.baidu.com/5LMDcjW6BwF3otqbppnN2DJv/health.pae.baidu.com/medauth/healthpage/#/pages/list/index) |
| 百股精 |  | [![](./assets/qr-baigujing-h5.png)](http://finance.pae.baidu.com/selfselect/#/pages/index/index) |


### 小程序案例

| 百度百聘 | 百拍智能构图 | 百看君 | 百度作业模式 | 爱眼日 |
|-|-|-|-|-|
| ![](./assets/qr-baipin.png) | ![](./assets/qr-huabao.png) | ![](./assets/qr-fuli.png) | ![](./assets/qr-zuoye.png) | ![](./assets/qr-aiyan.png) |