uniapp 记录运动轨迹 开发_从0开始开发一个App

        从今天开始:记录学习过程,从零开发一个app,直到上线....

前置技能:

java,vue,mysql,springboot

最近看上了一个视频讲的不错:

bilibili的:uniapp实战项目仿糗事百科

打算跟着大神的脚步一步一步学会从0到1,从前到后...

下载安装软件:

Uniapp官网:https://uniapp.dcloud.io/

开发工具官网:https://www.dcloud.io/hbuilderx.html

插件安装:

App真机运行

uniapp编译

Htmlhint html语法校检

Stylelint  css语法检查

Eslint-js  js语法检查

Es6编译

5fee8ece6cff6c0505fde519983391b7.png

安卓真机调试:

创建一个demo项目,选择uniapp然后选择运行到手机...

运行到手机步骤:

刚开始未检测到手机或模拟器,然后插入手机,传输文件那种模式,接着打开 开发者模式允许安装软件,点击运行到手机,然后就编译项目,手机进行安装项目,打开成功。

运行完之后,第一个在手机运行的项目就诞生了.

趁热打铁,我们继续,将项目在官方的css样式拷贝到我们的项目中。

从官方demo中引入uni.css

 cb071c3642532b64e97a587ba8b2d90d.png

将hello官方的demo中的static文件夹数据放入,防止缺少引入数据报错。

然后在app.vue中的style中引入:

@import "./common/uni.css";

最后在index模块使用

class=class=class=例子class=class=例子2class=class=例子3

使用ulist就能导入代码

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值