0
点赞
收藏
分享

微信扫一扫

【微信小程序】(一)开发工具下载与界面介绍

小亦同学321 2022-04-27 阅读 40

文章目录

前言

一、安装微信开发者工具

二、开发者工具基本介绍

1.创建项目

2.界面展示

3.目录结构介绍


前言

微信小程序作为一种开发成本低,开发门槛低,周期更短等优势,依托微信生态圈,拥有庞大自然流量,其主要开发语言为JavaScript,有多个流量入口,接下来将逐步介绍开发微信小程序的基础,https配置、上线,PHP写api接口,ES6语法等基础内容。

一、安装微信开发者工具

开发工具下载网址:稳定版 Stable Build | 微信开放文档 (qq.com)

根据自己电脑的配置下载适合的开发工具,这里以稳定版 Windows64为开发工具进行开发

二、开发者工具基本介绍

1.创建项目

学习阶段,先使用测试号(不使用云开发)进行学习,语言选择JavaScript

注意点:

①目录可以自由选择,一个项目只能放在一个文件夹里

②如果不使用测试号,可在微信公众号后台的小程序里,进入开发栏目,点击开发设置,可查看AppID号

2.界面展示


 ①外观设定

 ②代码区

 ③调试区

④文件夹 

 ⑤模拟器界面

3.目录结构介绍

pages:页面

utils(非必要文件夹):公共文件  e.g utils.js------时间戳的修改

app.js:入口文件(js---逻辑层文件)

app.json:配置文件 (小程序的全局设置)  比如页面路径,界面表现,网络超时时间,底部tab等

app.wxss:样式文件(区分css)

project.config.json:项目配置文件(个性化配置)  比如界面颜色,编译配置等

sitemap.json:索引文件​​​​​​​

​​​​​​​

举报

相关推荐

0 条评论