开发基础:HTML,CSS,JavaScript。但是本文暂时不会考虑这些,所以我们来做一个大概的介绍。
首先,
然后下载开发工具写代码,上传和预览。
项目目录是存储代码的地方;AppID是小程序账号,需要申请,每个邮箱只能申请一个。我们可以先体验小程序跳过进入AppID(远程调试等功能无法使用,但不影响我们的编写和编译);项目名称是开发工具上显示的名称,与小程序,的内容无关只是一个昵称。程序中,内容代码包含了很多注释,可以快速上手。
打开后会是这个样子。开发工具的具体功能像傻子一样,和一些开发工具差别不大,自己去探索吧!
您可以看到在快速启动模板:页面和utils上有两个文件夹和四个文件,app.js、app.json、app.wxss、project.config.json
存储在pages文件夹中的文件是要显示的页面。每个子文件夹都是一个页面的内容,子文件夹包含四个文件。js,json,wxss和。wxml。
那个。wxml文件是一个接口文件;js是用于逻辑处理的事件交互文件;wxss是界面美化文件,控制界面格式;json是每个页面的配置文件,导航栏的显示样式可以修改。
事实上,整个小程序都是由这四份文件组成的。
utils文件夹主要用于存储一些。全局调用的js文件,比如需要使用的外部API。
根目录中app.js、app.json、app.wxss等文件的主要功能如上,但app文件主要负责全局监管。
app.js:方法处理文件,在程序开始运行时处理事件,并处理小程序的生命周期功能
App.json:全局配置文件,配置小程序所有页面(所有页面必须先在此声明)、小程序背景色、导航栏样式、标题(注意此文件不能添加任何注释);
app . wxs s 3360全局界面美化,配置默认页面样式,加载其他页面时,当前页面的wxss文件会覆盖App.wxss文件;
因为名字是小程序,程序必须小,官方代码不能超过5M。
如果对你有帮助,赶紧关注吧!