微信开发者工具（一）

1.首先下载好开发工具，我选择的是稳定版Stable Bulid（Windows 64），可根据自己需要选择下载。

2.下载完成，运行，点击小程序，添加。

3.输入自己微信小程序的AppID，后端服务选择“不使用云服务”，点击新建，出现如图界面。我们可以看到文件主要分为两类：页面文件和主体文件。

4.我们先看看utils文件里的app.json：app.json 是当前小程序的全局变量，包括了小程序的页面路径、界面表现、底部tab等。
①pages字段：用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
②window字段：定义小程序所有页面的顶部背景颜色、文字颜色定义、标题等。

5.tabBar配置，tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

6.app.json配置项列表：

微信开发者工具（一）相关推荐

使用微信开发者工具创建小程序项目
个人资源与分享网站:http://xiaocaoshare.com/ 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示: #### 项目结构 ``` └ ...
uni-app启动微信开发者工具
运行uni-app在微信开发者工具下注意的问题: (1)在点击工具栏里的文件 -> 新建 -> 项目: (2)选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成 ...
微信开发者工具出现 Error:unable to verify the first cert？
微信开发者工具出现 Error:unable to verify the first cert? 不知道什么原因突然遇到这个问题,网上搜索了好多方案都无效,官方也没有指定有效的方案或者问题原因.奇了 ...
微信开发者工具一打开代码编辑区文件全部不见了
今天开微信开发者工具时,一打开竟然文件全部不见了!然后页面也编译不出来,搜了一下大神们的建议: 1.在编辑器控制台输入:openVendor 回车会打开一个文件夹:C:\Use ...
Linux安装微信开发者工具(deepin linux ubt)
一.环境:: deepin linux15.4.1 二.安装过程: 2.1 安装wine sudo apt-get install wine 2.2 安装nwjs-sdk 2.2.1 下载linux版 ...
Linux微信运行错误,Ubuntu 16.04 运行微信开发者工具编译出错的解决办法
最近有折腾小程序的意向,但微信的开发者工具只提供了 Windows 和 Mac 两个版本,对于我这样的 Linux 用户来说不是那么地友好. 经过观察发现,那个开发者工具实际上是基于nw.js开发的, ...
微信开发者工具 wxmi修改模版颜色_网站建设公司讲解：微信小程序的开发者工具界面...
网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器.编辑器.调试器显示与隐藏区域,③ ...
运行项目到微信开发者工具和浏览器
文章目录一.运行项目到微信开发者工具 1. 下载安装 2. HBuilder X配置 3. 设置[微信开发工具路径] 4. 运行 5. 运行到浏览器一.运行项目到微信开发者工具 1. 下载安装 ...
微信开发者工具：Failed to load font ************** net::ERR_CONNECTION_RESET问题解决办法
如果微信开发者工具前几天用的好好的突然出现 VM541:1 Failed to load font https://img.yzcdn.cn/vant/vant-icon-d3825a.ttf net ...
微信开发者工具中导入错误提示请选择含app.json/project.config.json的目录（纪录篇）
是因为每一次 npm run dev:mp-weixin 时都在编译dist/dev下的文件所以在选择目录之前,要先找到自己创建的项目中的app.json文件,然后选择app.json文件的上级目录 ...

微信开发者工具（一）

微信开发者工具（一）

微信开发者工具（一）相关推荐

最新文章

热门文章