微信小程序把view居中_初识微信小程序

“晓程序”

小程序连载笔记,通俗易懂,欢迎各位转发关注学习。未经作者授权,禁止转载

初识小程序

什么是微信小程序

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。

2019年8月9日,微信向开发者发布新能力公测与更新公告,微信PC版新版本中,支持打开聊天中分享的微信小程序。

注册小程序账号

在网页中搜索微信公众平台,点击进入小程序注册页面,按照页面的流程一步步进行注册

65c56929e39c6981c26362c889f883ba.png

开发环境准备

  1. 下载开发工具

  • 选择相应的电脑版本进行下载4cc62905bfb65ed7eda71262355cdcfa.png

获取小程序AppID和AppSecret密钥

  • 登录微信公众平台登录小程序账号

  • 点击开发设置

5773a26a9e754fdfc91fbf06ab641e80.png

下载完成之后可以进行登录

  • 登录界面

273cb99be375ad237aa01dea392e5cf7.png

  • 新增项目,填写刚才获取的AppID,不使用云服务

737519802dded83d4bd9d979992f3895.png

  • 现在可以正式开发了

9b39211da18ed48634b973c34de05cc3.png

第一个小程序

  1. 打开刚才新建的项目

  2. 修改index.wxml中的代码,标签就是显示内容的。

     <view class="usermotto">        <text class="user-motto">第一个小程序text>view>
  3. 完成之后按 Ctrl + S 保存,效果如下

    529903d266c8a309207cc1a371137b90.png

  4. 可以通过点击预览按钮在手机端进行测试

    135bb919cf5ce6c70c2ebf1e6515f5a5.png

至此,我们已经简单的了解了一个小程序的创建过程,但这还远远不够,还存在着许多的问题。

例如:

  • 小程序的启动入口在哪里?

  • index.wxml、index.wxss、index.js等文件各自的作用,能否进行重命名?

  • WXML、WXSS文件是什么?

  • 以及创建完成之后如何发布给别人使用?

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值