基于Vue.js:Uniapp前端跨平台快速入门小项目

本文介绍了uni-app框架,它允许开发者用一套代码跨平台开发应用。首先,推荐了使用HBuilderX作为傻瓜式IDE进行下载。接着,引导初学者通过尚硅谷的Vue.js课程进行学习。然后,演示了如何在uni-app中创建项目并进行简单测试。此外,还提供了官方组件库的链接,便于组件开发。最后,指导如何在内置浏览器中运行项目,并展示了使用官方组件(如日历、多选框、单选框)进行测试。
摘要由CSDN通过智能技术生成

简介

uni-app 是一个基于 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

学习步骤

标题傻瓜式IDE下载

HBuilder下载地址:
https://www.dcloud.io/hbuilderx.html

vue入门学习

零基础推荐尚硅谷的免费Vue.js课程(b站自搜)
(可边学边做)

创建项目

新建一个空项目:
在这里插入图片描述

简单测试

找到页面文件index.vue进行编辑
在这里插入图片描述

组件开发

官方组件:
https://uniapp.dcloud.io/component/
比如搜点编辑框、按钮之类的复制粘贴就行

运行

菜单栏-运行-内置浏览器运行

可先内置浏览器进行运行
在这里插入图片描述
这里添加了几个官方(日历,多选框,单选框)组件进行测试

广告: 屎学家App - 您喜报管理的不二选择!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赛文X

觉得不错就打赏下呗mua~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值