美文网首页
移动端小白开启--微信小程序入门之路

移动端小白开启--微信小程序入门之路

作者: zhanglizzy | 来源:发表于2019-12-06 17:25 被阅读0次

    前言:笔者是一名iOS开发者,该帖适合微信小程序初级入门借鉴。
    demo地址:https://github.com/zhanglizzy/WXMiniAPP

    一、安装软件:
    首先咨询了一下大前端盆友,前期通过微信官方文档下载”微信开发者工具“(https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html
    ),该工具使用简单,适合调试。对于资深开发者后期使用VSCode的较多。

    二、申请账号:
    其实跟APP的开发者账号类似,需要获取一个APPID,但是如果不注册使用游客模式也能跑起来,现在微信开放了个人账号申请,提供邮箱注册即可,也是在官方文档里面有步骤指引。

    三、启动开发:


    开发工具初始界面.png
    新建项目界面.png
    工程结构.png

    1、该工具模拟器、编辑器和调试器集中于一个界面,可视化比较强。如果觉得屏幕大小不够,可点击左上工具栏选择性开启/关闭某功能;
    2、代码目录结构:
    拿iOS app OC语言MVC设计模式来举例,一个类分.h和.m组成,设计模式又分Model(数据模型)、View(视图控件)、Controller(控制器逻辑管理)。而这里对应的是js(数据逻辑处理)、wxml(类似于html标签定义)、wxss(类似于css样式布局)。其中images文件夹是自定义创建的,用来存储本地图片。app.js:公共js;app.json:对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置底部标签栏 tab 等。

    四、快捷键:
    Command+S:保存文件(设置了保存即编译后,此快捷键就相当于编译键)
    Command+[, Command+]:代码行缩进,相当于tab键;
    Command+Shift+[, Command+Shift+]:折叠/打开代码块
    Shift+Alt+F:代码格式化
    Alt+Up,Alt+Down:上/下移动一行
    Command+Shift+Enter:在当前行上方插入一行
    Command+Shift+F:全局搜索
    Command+F:当前页搜索
    Command+i:选中当前行

    相关文章

      网友评论

          本文标题:移动端小白开启--微信小程序入门之路

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