使用微信小程序开发者工具来开发小程序

使用微信小程序开发者工具来开发小程序

创建小程序

	首先打开微信开发者工具=> 项目 => 新建项目 =>输入AppId后   =>  点击创建

添加组件

• 再app.json中的pages中进行设置，

  "pages":[
    "pages/first_page/first_page",		
    //这是你自己设置的页面，小程序会自动给你添加wxml等文件
    "pages/index/index",
    "pages/logs/logs"
  ],

在微信小程序中使用vant

• vant地址 ：https://youzan.github.io/vant-weapp/#/quickstart
• 在你使用的时候首先创建一个package.json (npm init ) 一直回车到结束
• 下载完后进行下载vant
  通过 npm 安装
  npm i @vant/weapp -S --production
  通过 yarn 安装
  yarn add @vant/weapp --production
  安装 0.x 版本
  npm i vant-weapp -S --production
• 修改 app.json
  将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了 许多样式，难以覆盖，不关闭将造成部分组件样式混乱。
• 构建npm 包
  在工具中进行构建。并开启使用npm
• 在项目中使用
  // 通过 npm 安装
  // app.json
  “usingComponents”: {
  “van-button”: “@vant/weapp/button/index”
  }
  // 通过下载源码使用 es6版本
  // app.json
  “usingComponents”: {
  “van-button”: “path/to/@vant/weapp/dist/button/index”
  }
  // 通过下载源码使用 es5版本
  // app.json
  “usingComponents”: {
  “van-button”: “path/to/@vant/weapp/lib/button/index”
  }
  组件中使用：

<van-button type="primary">按钮</van-button>

使用小程序调试接口

• 可以在小程序后台管理系统中配置你索要请求的数据
  https://maxudong.admin.it120.cc/#/dashboard 自己的地址
  -之后当你在小程序中需要请求数据的时候，你需要配置 AppId 来进行设置
  你要请求合适的地址