小程序功能介绍和HelloWorld第一个微信小程序

落日映苍穹つ 2022-04-24 06:12 289阅读 0赞

### 步骤 ###

*  注册小程序
 *  开发工具的下载
 *  开发工具的安装
 *  默认项目编译并运行

### 主目录结构 ###

*  app.js 全局js，可当做js的父类    
 *  app.json 以json对象存在的全局配置文件
 *  app.wxss 微信的css样式，全局主样式，项目共用
 *  project.config.json 项目配置文件

![20190418094123111.png][]

### 页面目录结构 ###

*  index.wxml 元素渲染(包含基本页面，css，js)页面
 *  index.js 私有js，相当于子类
 *  index.wxss 页面的私有css
 *  index.json 以json对象存在的私有的页面配置文件

![20190418094846331.png][]

*  logs文件 日志相关文件（可以删除）

### 运行 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70][]

左上角有模拟器、编辑器、调试器三个按钮，默认是绿色打开，点击可关闭相应功能(可以先关闭调试器和模拟器，使用时再打开)

点击获取头像信息即可完成登录，再点击头像可查看日志

[20190418094123111.png]: /images/20220218/d38de08a37ba42089bd5c1726d2470f1.png
[20190418094846331.png]: /images/20220218/8de1f5f8dea64f8db7a3b644d5a4e778.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70]: /images/20220218/d692dbe96d9442269927d381cadfe21c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关【微信小程序】小程序功能开发

![在这里插入图片描述][5c1311f37b4f4d35bc8b87d24d718292.jpeg_pic_center] 文章目录 1. 用户登录

快来打我*/ 2024年04月01日 09:16/ 0 赞/ 116 阅读

相关第一个微信小程序

3.1 打开微信开发者工具 (ps: 第一次打开的时候，需要扫码登录) ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

青旅半醒/ 2023年01月06日 11:42/ 0 赞/ 165 阅读

相关微信小程序介绍

1、微信小程序介绍 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

你的名字/ 2023年01月03日 04:03/ 0 赞/ 230 阅读

相关微信小程序开发——第一个小程序

这几个月都在忙着准备考研都不怎么研究代码了，前几天老师安排要做毕业设计的开题报告，所以就稍微兼顾着学习了点微信小程序的开发。昨天看了一会官方给的开发文档就是实例少了点，不过有个

我就是我/ 2022年05月14日 08:36/ 0 赞/ 336 阅读

相关小程序功能介绍和HelloWorld第一个微信小程序

步骤注册小程序开发工具的下载开发工具的安装默认项目编译并运行主目录结构 app.js 全局js，可当做js的父类

落日映苍穹つ/ 2022年04月24日 06:12/ 0 赞/ 290 阅读

相关微信小程序开发笔记（二）第一个微信小程序

参考教材：《微信小程序开发入门与实践》雷磊前置知识：JavaScript，CSS 新建项目安装好`微信开发者工具`后，我们就可以开始新建我们第一个微信小程序了

曾经终败给现在/ 2022年03月22日 03:58/ 0 赞/ 445 阅读

相关微信小程序预热(一)：如何开启第一个小程序

正所谓万事开头难，走出第一步，后面也就顺其自然走上来了，当我要开始学习小程序的时候，看了两天的小程序官方开发文档，但是仍然不知道怎么创建我自己的一个小程序。所以我决定在这个

深藏阁楼爱情的钟/ 2022年01月26日 10:51/ 0 赞/ 402 阅读

相关微信小程序的Helloworld

1.注册微信小程序点击立即注册，选择微信小程序，按照要求填写信息 ![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXB

女爷i/ 2021年12月14日 08:43/ 0 赞/ 334 阅读

相关微信小程序---介绍

微信小程序—介绍微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应

￡神魔★判官ぃ/ 2021年10月23日 19:20/ 0 赞/ 388 阅读

相关微信小程序HelloWorld入门

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 2.1 注册开发者账号获取APPID 注册页面： [https://mp.w

比眉伴天荒/ 2021年09月07日 18:36/ 0 赞/ 539 阅读