美文网首页
uni-app系列(一)

uni-app系列(一)

作者: 笑红尘123 | 来源:发表于2019-12-18 08:12 被阅读0次

一、什么是uni-app?

uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台

二、开发环境配置

1:下载安装如下工具:HBuilderX 可视化界面
http://www.dcloud.io/hbuilderx.html

image
配置好以后即可创建uni-app项目:
选择uni-app,输入项目名称,如:testdemo,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。
接下来开始运行,进入项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器:,我这里选择的是谷歌浏览器。当然了,这里提供了几种运行环境,可以在真机下运行,也可以选择在小程序在微信开发者工具里运行。

然后就可以在浏览器里面查看效果

结束语:

随着前端的发展前端里有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等
但是这个框架的出现解决了相当多的问题,有两个强大之处,第一,开发一套代码,可以在至少七个平台上运行,节省了多少开发时间啊,第二,组件是真的很强大,几乎涵盖了前端开发中遇到的所有组件。后面会陆续挖掘其优点。
如果感觉有帮助留下一个宝贵的赞或者给小编一个赞赏!!
同时如果想了解更多内容可以关注下方公众号:


qrcode_for_gh_4effe528d112_258.jpg

相关文章

  • uni-app系列(一)

    一、什么是uni-app? uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,...

  • uni-app开发 —— 序言

    格局之下,利益驱动,人为障碍 前序: 本系列颇为啰嗦,慎进(劝退模式) 本系列仅仅就uni-app开发说明,并非为...

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uni-app 介绍

    uni-app 介绍 1、什么是uni-app? uni-app是一个使用 Vue.js 开发所有前端应用的框架,...

  • uni-app系列(三)

    文章内容:uni-app生命周期和模版语法 uni-app 支持如下页面生命周期函数:onLoad 监听页面加载,...

  • uni-app系列(四)

    文章内容:uni-app之网络请求 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口...

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • uni-app 之登录页面

    学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...

  • 打包桌面应用程序exe 的相关方案

    第一种方案: uni-app uni-app的pc宽屏适配方案 从2.9版本起,uni-app 进一步提...

  • uni-app开发踩坑集合(会持续更新)

    uni-app官网指路 uni-app开发中的坑 1.无法覆盖uni-app提供的组件的样式 直接重写样式会发现并...

网友评论

      本文标题:uni-app系列(一)

      本文链接:https://www.haomeiwen.com/subject/obfenctx.html