https://github.com/dcloudio/hello-uniapp

uni-app框架演示示例
https://github.com/dcloudio/hello-uniapp

hybrid javascript miniprogram uni-app uniapp vue

Last synced: 2 days ago
JSON representation

uni-app框架演示示例

• Host: GitHub
• URL: https://github.com/dcloudio/hello-uniapp
• Owner: dcloudio
• License: mit
• Created: 2018-11-18T07:40:36.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-10-28T03:28:23.000Z (16 days ago)
• Last Synced: 2024-10-28T06:23:56.124Z (16 days ago)
• Topics: hybrid, javascript, miniprogram, uni-app, uniapp, vue
• Language: Vue
• Homepage: https://uniapp.dcloud.net.cn
• Size: 12.4 MB
• Stars: 2,754
• Watchers: 65
• Forks: 1,642
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-uni-app - hello-uniapp - uniapp) - uni-app 框架演示示例 (演示)

README

        
# hello-uniapp

`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验`uni-app`的强大功能。[官方文档](https://uniapp.dcloud.net.cn/)

## 快速上手

hello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。

### 通过 HBuilderX 可视化界面创建（推荐）

可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

开始之前，开发者需先下载安装如下工具：

- HBuilderX：[官方IDE下载地址](https://www.dcloud.io/hbuilderx.html)

HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化，请下载App开发版。

由于截图在 github 不便浏览，参见官方文档 [HBuilderX 可视化界面创建](https://uniapp.dcloud.net.cn/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a2)

### 通过 vue-cli 创建

```

npm install -g @vue/cli

```

#### 创建uni-app

**使用正式版**（对应HBuilderX最新正式版）

```

vue create -p dcloudio/uni-preset-vue my-project

```

**使用alpha版**（对应HBuilderX最新alpha版）

```

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

```

此时，会提示选择项目模板，选择 `hello uni-app` 项目模板，如下所示：







创建好后，进入项目目录

```

cd my-project

```

执行该命令运行到 h5 端

```

npm run dev:h5

```

欢迎提 issues，推荐到[官方社区](https://ask.dcloud.net.cn/explore/)提问。

## 扫码体验



    
一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！

    


      

        


          

        

        Android版

      

      

        


          

        

        iOS版

      

      

        


          

        

        H5版

      

      

        


        微信小程序版

      

      

        


        支付宝小程序版

      

    

    


      

        


        百度小程序版

      

      

        


          

        

        字节跳动小程序版

      

      

        


          

        

        QQ小程序版

      

      

        


          

        

        快应用

      

      

        


          

        

        360小程序

      

    

    


        注：某些平台不能提交简单demo，故补充了一些其他功能；hello uni-app示例代码可从[github](https://github.com/dcloudio/hello-uniapp)获取

        快应用仅支持 vivo 、oppo、华为

        360小程序仅 windows平台支持，需要在360浏览器中打开

    



`uni-app`官网文档详见[https://uniapp.dcloud.io](https://uniapp.dcloud.io)

更多uni-app的模板、示例详见[插件市场](https://ext.dcloud.net.cn/)