小程序开发环境搭建

工具下载

下载:访问https://mp.weixin.qq.com 进入 小程序界面
点击文档 进入小程序文件界面(如果要开发小程序可按照文档指示注册开发账号)
在这里插入图片描述
在文档目录中找到安装开发工具-前往开发者工具下载界面即可下载开发工具
小程序开发环境搭建_第1张图片
选择对应版本,下载安装
小程序开发环境搭建_第2张图片

工具安装使用

双击运行安装开发工具
小程序开发环境搭建_第3张图片

安装完成 运行 开发工具
微信扫码登录
小程序开发环境搭建_第4张图片

小程序开发环境搭建_第5张图片

点击加号图标,可以新建项目,如果没有appid 可以点击使用测试号
小程序开发环境搭建_第6张图片
创建成功可以看到 开发工具界面如下:
左侧为页面预览区域,右侧为文件导航,
小程序开发环境搭建_第7张图片

小程序文件和安卓比较类似,根目录下的配置文件为 全局配置信息包括:
app.json 全局配置信息
小程序开发环境搭建_第8张图片
app.wxss 存放样式信息

小程序开发环境搭建_第9张图片

app.js 存放界面js逻辑代码

每个页面由一下内容组成
小程序开发环境搭建_第10张图片

小程序开发环境搭建_第11张图片

你可能感兴趣的:(微信小程序,学习笔记)