很早前就想体验一把小程序的开发了，如果熟悉三大框架的话，小程序的开发还是很容易上手的，所以只要跟着做一个小应用，加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用，初次体验的我觉得真的十分方便。

准备工作

开发工具下载地址（竟然隐藏在一个超链接里，真的很不醒目啊)：https://developers.weixin.qq....

文档地址：https://developers.weixin.qq....

初次体验

新建项目的时候，可以选择是小程序/小游戏，这次我体验的是小程序的开发。
在选择项目文件夹的时候，这个目录就会被直接放入我们的代码。所以每次新建一个项目还要自己先把空文件夹建好。

默认代码

建好后，会有一些默认的代码给我们。我们可以先看这些代码来有一个大概的印象。

- /pages- /index- /logs
- /utils- util.js
- app.js
- app.json
- app.wxss
- project.congig.json

pages
如其名！肯定就是我们的所有的页面文件夹了，这里有index和logs两个页面，所以下面又各自有两个文件夹。
每个页面一般都有同名的js、wxml和wxss文件。其中wxml是写类似于html的文件，wxss则是写类似于CSS样式的文件。
还可以有json文件，用于单独描述这个页面的一些信息。

utils
放的是应用要用到的工具函数，不是必须的。

app.js
整个项目的入口文件。

app.json
应用配置文件，这里主要有pages和window两项内容，pages配置的是拥有的所有页面地址。window可以配置小程序边界的，如顶部的导航栏的一些样式。


// 背景文字样式
"backgroundTextStyle":"light",
// 导航顶部背景颜色
"navigationBarBackgroundColor": "#fff",
// 导航标题文字
"navigationBarTitleText": "WeChat",
// 导航文字颜色
"navigationBarTextStyle":"black"

project.congig.json
项目配置文件

...今日困了，明天继续写?

【个人】微信小程序初体验相关推荐

微信小程序初体验，入门练手项目--通讯录，后台是阿里云服务器（一）
内容: 一.前言二.相关概念三.开始工作四.启动项目起来五.项目结构六.设计理念七.路由八.部署线上后端服务同步交流学习社区: https://www.mwcxs.top/page/4 ...
微信小程序初体验（上）- 腾讯ISUX社交用户体验设计成员出品
微信小程序开放公测后一直很火,作为腾讯ISUX社交用户体验设计成员自然不能错过这样的好戏,下面就随ytkah一起来看看"小程序官方评测"吧,write by 腾讯ISUX练小习. ...
微信小程序初体验-苏州实时公交API
利用聚合数据API快速写出小程序,过程简单. 1.申请小程序账号 2.进入开发 3.调用API.比如"苏州实时公交"小程序,选择的是苏州实时公交API. 苏州实时公交API文档:h ...
微信小程序初步入坑指南
微信小程序初步入坑小指南安装工具 developers.weixin.qq.com/miniprogram- 打开链接下载小程序云开发 app.json 为json格式的文件,为一个配置文件,属于全 ...
微信小程序的体验评分，如何从开发者工具中调取
体验评分是一项给小程序的体验好坏打分的功能,它会在小程序运行过程中实时检查,分析出一些可能导致体验不好的地方,并且定位出哪里有问题,以及给出一些优化建议. 运行环境要求下载并安装 1.02.1808 ...
优质微信小程序的体验与设计思路
体验和设计评估在小程序的设计和开发阶段,我们希望开发者始终将优秀的用户体验作为产品目标之一,通过积极的用户体验和设计评估,在不断的迭代中完善用户体验,用心打磨小程序,从而更好实现产品价值,激发用户正 ...
微信小程序初章-注册微信小程序账户及安装微信小程序开发者工具篇
准备工作 1:电脑一台 2:无注册过微信相关产品的QQ邮箱或者网易邮箱 3:一台手机开始操作: 1:前往微信公众平台点击右上方的立即注册 2:选择小程序 3:填写邮箱密码之类的自行一步一步注册,不多 ...
微信小程序--初窥开发模板
人生如戏,戏如人生.上一篇文章讲了小程序开发的准备工作.现在我们来看一下小程序的开发模板. 不过在这之前,我们先看一下开发者工具: 工具大概了解了,还有先其他功能我们开发的时候慢慢学习. 这个时候就看 ...
微信小程序发布体验版，扫码提示页面不存在、路径错误
一.场景:发布了体验版,扫码以后提示页面不存在,必须按左上角的小房子按钮才能回到首页: 二.发现问题:生成体验版二维码的路径错了. 我代码中的首页是 [pages/home/index] 但体验版的路 ...
微信小程序の再体验 - - 常用组件
常用组件 1.1.view 1.2.scroll-view 1.3.swiper 和 swiper-item 1.4.text和rich-text 1.5.button 1.6.image 组件解释 ...

【个人】微信小程序初体验

准备工作

初次体验

默认代码

【个人】微信小程序初体验相关推荐

最新文章

热门文章