微信开发者工具的安装和利用以及小程序的创建和资源目录先容(最全!!) ...

打印 上一主题 下一主题

主题 552|帖子 552|积分 1656

一、安装开发者工具

1.1. 相识微信开发者工具


1.2. 下载

保举下载和安装最新的稳定版(Stable Build)的微信开发者工具,
下载页面的链接如下

1.3. 安装

一路下一步即可,保举自界说安装目录

二、利用开发者工具

2.1. 扫码登录开发者工具

相干:小程序账号注册登录和AppID的获取
2.2. 设置外观和代理




三、创建小程序项目

3.1. 点击加号按钮


3.2. 填写项目信息并选择模板

相干:小程序账号注册登录和AppID的获取

3.3. 项目创建完成


四、查看项目效果

4.1. 在模仿器上查看项目效果


4.2. 在真机上预览项目效果


五、主界面的五个部门


六、小程序代码的目录结构

6.1. 相识项目的基本构成结构



6.2. 小程序页面的构成部门

小程序官方发起把全部小程序的页面,都存放在 pages 目录中,以单独的文件夹存在,如图所示:

6.3. JSON设置文件


6.3.1. app.json 文件


6.3.2. project.config.json 文件


6.3.3. sitemap.json文件



6.3.4. 页面的.json设置文件


6.4. 页面的.wxml文件

6.4.1. 什么是WXML


6.4.2. WXML和HTML的区别


6.5. 项目的.wxss文件

6.5.1. 什么是WXSS


6.5.2. WXSS和 CSS的区别


6.6. 项目的.js文件

一个项目仅仅提供界面展示是不够的,在小程序中,我们通过js文件来处置惩罚用户的利用。比方: 相应用户的点击、获取用户的位置等等。

七、快速新建小程序页面


八、修改项目首页



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

科技颠覆者

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表