一、小程序开发

最新推荐文章于 2024-08-07 21:00:00 发布

一个孤独漫步者的遐想

最新推荐文章于 2024-08-07 21:00:00 发布

阅读量760

点赞数

分类专栏：微信小程序文章标签：小程序 app

本文链接：https://blog.csdn.net/weixin_43555997/article/details/112264716

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

小程序开发

一、小程序开发准备

注册小程序账号
激活邮箱
信息登记
登录小程序后台
完善小程序信息
绑定开发者信息

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p9yNKbhs-1609908797689)(F:\微信小程序.assets\image-20210106094721109.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U5eJHqr1-1609908797693)(F:\微信小程序.assets\fehelper-mp-weixin-qq-com-wxopen-initprofile-1609897882200.png)]$
开发工具下载

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

二、安装使用微信开发者工具

创建小程序

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gqzEEebH-1609908797695)(F:\微信小程序.assets\image-20210106100443552.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6gzRSV1g-1609908797697)(F:\微信小程序.assets\image-20210106100605352.png)]$

三、小程序代码结构

基本配置

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-guMdKa6n-1609908797698)(F:\微信小程序.assets\image-20210106100721322.png)]$

project.config.json（保存微信开发者工具配置信息）
app.js（注册小程序）
app.json（小程序全局配置）
app.wxss（小程序全局样式）
pages（小程序页面）
- 每个页面
  - #.js（页面逻辑和数据交互）
  - #.wxml（页面展示元素和内容）
  - #.json（页面配置信息）
  - #.wxss（页面样式）
utils（）

四、程序配置文件介绍

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0HkRfFcr-1609908797699)(F:\微信小程序.assets\image-20210106102126485.png)]$

五、开发者工具详解

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-taRz8JnM-1609908797700)(F:\微信小程序.assets\image-20210106102940742.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mlc3X50a-1609908797700)(F:\微信小程序.assets\image-20210106102900939.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y9tTxbkH-1609908797701)(F:\微信小程序.assets\image-20210106103149327.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I7Jjvo9k-1609908797702)(F:\微信小程序.assets\image-20210106104300601.png)]$

六、创建第一小程序

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XxTwEP89-1609908797703)(F:\微信小程序.assets\image-20210106112823632.png)]$

Page({})

{}

<view>helloword</view>

view{
  width: 100%;
  height: 40rpx;
  text-align: center;
}

App({})

{
  "pages": [
    "pages/helloword/helloword"




  ]
}

{
  "description": "项目配置文件",
  "packOptions": {
    "ignore": []
  },
  "setting": {
    "urlCheck": true,
    "es6": true,
    "enhance": false,
    "postcss": true,
    "preloadBackgroundData": false,
    "minified": true,
    "newFeature": false,
    "coverView": true,
    "nodeModules": false,
    "autoAudits": false,
    "showShadowRootInWxmlPanel": true,
    "scopeDataCheck": false,
    "uglifyFileName": false,
    "checkInvalidKey": true,
    "checkSiteMap": true,
    "uploadWithSourceMap": true,
    "compileHotReLoad": false,
    "useMultiFrameRuntime": true,
    "useApiHook": true,
    "useApiHostProcess": true,
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    },
    "enableEngineNative": false,
    "bundle": false,
    "useIsolateContext": true,
    "useCompilerModule": true,
    "userConfirmedUseCompilerModuleSwitch": false,
    "userConfirmedBundleSwitch": false,
    "packNpmManually": false,
    "packNpmRelationList": [],
    "minifyWXSS": true
  },
  "compileType": "miniprogram",
  "libVersion": "2.14.1",
  "appid": "wx9d6038a894acb2ee",
  "projectname": "miniprogram-1",
  "cloudfunctionTemplateRoot": "",
  "watchOptions": {
    "ignore": []
  },
  "debugOptions": {
    "hidedInDevtools": []
  },
  "scripts": {},
  "condition": {
    "plugin": {
      "list": []
    },
    "game": {
      "list": []
    },
    "gamePlugin": {
      "list": []
    },
    "miniprogram": {
      "list": []
    }
  }
}