如何开发我们的**个小程序开发工具，个人比较推荐

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

如何开发我们的**个小程序开发工具，个人比较推荐

开发小程序微信小程序如何自己开发，我们需要下载相应的开发工具。 个人比较推荐微信官方的开发工具。 毕竟这是官方工具。

首先贴出官方开发工具的下载地址：

官方开发工具下载

我不需要告诉你如何安装它。 下载后，双击安装。 安装完成后，需要扫描二维码登录，扫描二维码登录后的界面如下。

新项目

项目名称可以随便填写。 很多刚接触小程序开发的人都会有疑问。 不注册小程序可以直接开发吗？ 在这里我们明确告诉您，无需注册小程序即可学习开发小程序小程序 只需点击并使用测试帐户即可体验，如上图所示。

以下是小程序开发工具的界面

开发工具接口

至此我们的武器就装备好了，接下来我们就开始给武器装子弹。

接下来我将引导你从零开始开始你的**个简单的小程序。

由于是入门级程序，我们的小程序比较简单，主要包含以下功能：

项目效果图

1.代码目录

项目目录

2. 展开说明

：该目录用来存放我们的一些图片资源，比如项目底部的选项卡的图标如何开发我们的**个小程序开发工具，个人比较推荐，就放在这里。

Pages：这是我们编写小程序主要代码目录。 目前我们有两个页面，首页和个人中心页。

app.json：我们小程序的一些全局配置都在这里。 比如我们底部的两个选项卡就是在这里配置的。

3、小程序开发三剑客

当我们开发小程序我们需要创建三个对应的文件。 比如我们创建一个首页索引，需要在index下创建以下三个文件

这三个文件就是我们开发小程序

 我是传说中的首页

这是index.wxml，这里我们只是简单展示一段。

默认的用于index.wxss和index.js。 那里什么都没有，所以我不会在这里发布。 如果你想看的话，可以下载源代码。

四、看看app.json中配置了什么

// app.json
{
 // 设置我们小程序的页面：首页，个人中心
 "pages": [
 "pages/index/index",
 "pages/me/me"
 ],
 // 设置标题栏字体颜色等信息
 "window": {
 "backgroundTextStyle": "light",
 "navigationBarBackgroundColor": "#fff",
 "navigationBarTitleText": "30天入门小程序01",
 "navigationBarTextStyle": "black"
 },
 // 底部模块tab
 "tabBar": {
 "list": [{
 "pagePath": "pages/index/index",
 "text": "首页",
 "iconPath": "/images/tab1n.png",
 "selectedIconPath": "/images/tab1y.png"
 },
 {
 "pagePath": "pages/me/me",
 "text": "我的",
 "iconPath": "/images/tab2n.png",
 "selectedIconPath": "/images/tab2y.png"
 }]
 }
}

个人中心的代码就不贴出来了。 您只需下载源代码并查看即可。

入门**课，你不需要了解太多。 只要粗略地看一下源码，就明白小程序的代码是什么样子的。 其实很简单。

今天就这样。 我会尽力将接下来的课程录制成视频。 感觉文章不是很生动。 对于新手来说，视频学习可能效率更高。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等