本系列文章主要介绍微信小程序基本的开发流程与基础内容

文章目录

前言

一、安装微信开发者工具

二、开发者工具基本介绍

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:索引文件​​​​​​​

​​​​​​​

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

  1. 微信小程序框架——微信小程序前端开发工具

    微信小程序框架 框架 小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务. 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 Java ...

  2. API——微信小程序前端开发工具

    API 框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等. 说明: wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 CALLBA ...

  3. 微信小程序云开发 之 登录注册界面 详细教程

    文章目录 前言 一.前期的准备(很重要) 1.程序的需求 2.微信开发者文档 3.数据库的设计 二.小程序设计阶段 1.选择开发方式 2.云开发 第一步:注册微信小程序,获取小程序的 AppID 第二 ...

  4. 微信小程序在开发工具上可以编译显示,但是手机预览请求不到数据

    问题描述:在开发者工具调试时状态显示正常,但是上传发布后真机调试发现拉去不了数据,只是空壳! 在模拟器上正常看到请求数据了. ~~~那么然后你肯定想在手机微信上试下,于是你点了导航栏的"预览 ...

  5. 微信小程序入门的笔记(微信小程序的开发工具已经安装好了)

    小程序项目的基本构成 1.pages 是用来存放所有小程序的页面 2.utils 用来存发工具性质的模块(例如:格式化时间的自定义模块) 3.app.js 小程序项目的入口文件 4.app.json ...

  6. 微信小程序之 开发者工具下载及使用

    https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 找到下载----选择稳定版本-选择windows64 A ...

  7. 比较实用的微信小程序开发框架和工具

    [微信小程序开发框架] 1.官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex.Vue框架.MINA框架通过封装微信客户端提供的文件系统.网络通信.任务管理.数据安全等基础功能 ...

  8. 微信小程序开发与mysql_微信小程序云开发之云数据库入门

    微信小程序云开发之云数据库入门 介绍 开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 其基础能力数据库,是一个JSON数据库,作用是无需自建数据库,就可以在微信小程序前 ...

  9. 微信小程序云开发之云数据库入门

    微信小程序云开发之云数据库入门 介绍 开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 其基础能力数据库,是一个JSON数据库,作用是无需自建数据库,就可以在微信小程序前 ...

  10. 浅谈我对微信小程序云开发的认识与见解

    一.微信小程序云开发的优点 1.无需自建服务器 2.项目快速上线 3.轻轻松松获取用户凭证 二.微信小程序云开发的坑 1.基础版CDN流量太少 2.云数据库限制多 (1)小程序端读取限制 (2)云数据 ...

最新文章

  1. mysql数据库计划是什么_计划备份mysql数据库
  2. 深度学习未来的三种方式
  3. cn域名注册国外_国内cn域名注册量超com域名,“com”时代结束了吗?
  4. linux grunt环境,安装 Grunt - Grunt: JavaScript 世界的构建工具 | Grunt 中文网
  5. linux内存释放和使用限制
  6. Square Card 计算几何-两圆相交面积
  7. C语言:用字符读取流和输出流来读写入数据。(文本文件)
  8. java中判断数组中元素出现的次数
  9. 若依如何调整首页左侧菜单栏宽度?
  10. 新款iPhone现已曝光,跟风华为“浴霸三摄”,没有5G版本
  11. [IC]Lithograph(1)光刻技术分析与展望
  12. 金蝶K3对接数据库相应语句大全
  13. java后端使用itextPDF生成PDF文件
  14. pq分解法matlab编程,基于MATLAB的PQ分解法电力系统潮流计算.doc
  15. Java中Method.invoke方法
  16. Python机器学习:认识机器学习
  17. Vue.js 学习笔记十二:Vue CLI 之创建一个项目
  18. 雾锁FCoin:局中局套住了谁?
  19. CSAPP-Lab05 Cache Lab 深入解析
  20. 李永乐复习全书线性代数 第六章 二次型

热门文章

  1. 基于STM32简易计算器
  2. spss分析qpcr数据_手把手教你使用 SPSS 分析实时荧光定量数据
  3. 什么是DC-DC转换器?DC-DC转换器是如何命名的?
  4. Android控件 TabHost,Android控件开发之TabHost
  5. 【应用时间序列分析】第一章 时间序列分析简介
  6. android与单片机wifi通信原理图,单片机怎么和wifi模块实现通讯_wifi模块与单片机通信原理 - 全文...
  7. SegNet论文笔记
  8. Redis之连接redis服务命令
  9. 正则表达式(二)常用正则表达式——验证真实姓名
  10. 高创CDHD伺服驱动器调试软件ServoStudioSetup V2.18版本与技术资料