1-1微信小程序简易教程-新建项目

本将按步骤的描述如何创建完成一个微信小程序,介绍如何使用“微信Web开发者工具”创建项目、代码编辑。

操作方法

  • 01

    通过开发者工具,创建一个全新的项目。

  • 02

    有AppID就选择输入,没有请选择“无AppID”,填写项目名称及路径。官方的开发工具准备了一个Quick Start项目。在创建过程中如果是全新项目路径文件夹为空才会现在这个选项。

  • 03

    开发者工具的页面。

  • 04

    通过官方的QuickStart项目,实现“Hello WeChat”,了解项目结构与基础语法。项目结构图包含的各个文件如下。

  • 05

    app.js是小程序的脚本代码。可以在这个文件中监听并处理小程序的生命周期函数,声明全局变量等。

  • 06

    app.json为全局配置,在这个文件中配置小程序是由哪些页面组成,窗口背景颜色等。

  • 07

    app.wxss是这个小程序的公共样式表。

  • 08

    页面分为两种,lndex页面跟logs页面,都在pages目录下。

(0)

相关推荐

  • 微信小程序开发如何新建Page

    微信最近推出了小程序功能,有些用户想知道微信小程序开发如何新建Page,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开[微信开发工具].2. 第二步根据下图所示 ...

  • 微信小程序实例教程(一)

    开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页 ...

  • 微信小程序怎样激活 微信小程序激活教程

    微信团队正式推出了新功能:微信小程序!为什么我的微信里找不到小程序?今天就给大家带来微信小程序怎样激活?如果你还不知道如何激活小程序,一起来看看微信小程序怎样激活的教程吧! 微信小程序怎样激活 1.升 ...

  • 微信小程序菜鸟教程

    微信小程序是微信下的一个产品,内测时间是2016开始的,到目前为止有不少企业.个人进行开发小程序,在微信中可以进行搜索到,只能在微信中能收到,一种不需要下载安装即可使用的应用,它实现了应用" ...

  • 个人如何进行小程序开发,微信小程序入门教程

    随着微信小程序的普及,越来越多人对其产生了浓厚的兴趣,并且有的人想自己开发一款属于自己的小程序,而本篇文章将教会您如何开发一款微信小程序. 操作方法 01 首先打开微信公众平台(输入网址mp.weix ...

  • 微信小程序录音教程

    随着微信的火爆越来越多的人喜欢上了使用微信,而微信小程序更是深受大家的爱戴,近日微信小程序推出录音功能,你们会使用吗?下面小编为大家介绍怎么使用微信小程序录音功能. 操作方法 01 首先我们开打手机内 ...

  • 微信小程序开发教程[1]--开始第一个小程序

    微信小程序一经推出,江湖上众说纷纭,一片动荡.这必将是一股淘金热 ,这必将迎来一场江湖纷争.别说了,赶紧上船吧. 操作方法 01 首先,您需要具备微信公众号.登录之后,在网站的"设置&quo ...

  • 微信小程序开发教程---第一个小程序

    微信小程序可以方便我们的生活,成为微信公众平台的开发者,是小程序开发的首要条件. 操作方法 01 首先,进入微信公众平台官网(mp.weixin.qq.com)点击右上角的"立即注册&quo ...

  • 微信小程序开发教程

    微信应用号开发工具怎么使用?很今天为大家分享微信应用号开发工具使用教程,仅供参考,希望对大家有所帮助! 操作方法 01 1.在电脑中先画好一个雏形,再选择功能模板的位置安放,最后一旦确定好总体架构,就 ...