微信小程序怎么入门？小胖带你走进小程序的世界-之开发工具介绍

什么是小程序

英文名 mini program,一种斩新的利用程式。2016年张小龙（微信创始人）提出微信利用号，当时他的描写是，小程序是一种不需要下载安装便可使用的利用，他实现了利用触手可及的梦想，用户扫一扫或者搜一下便可打开利用，也体现了用完即走的理念，用户不用关切是不是安装太多利用的问题，利用无处不在，随时可用，但又无序安装卸载。由于苹果公司告了所以改名微信小程序。2017年年初，给用户开放了入口。然而只能企业，后面对个人开放了。目前比较火爆的微信小程序，跳一跳之类的。官网：mp.weixin.qq.com文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

开发筹备工作文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

注册小程序账号，应用微信号注册便可，注册地址为：https://mp.weixin.qq.com/文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

小程序开发者工具下载，下载地址为：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

开发工具介绍文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

开发者工具分为四个部份：摹拟器，编辑器，调试器，工具栏文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

摹拟器：当咱们保留了编辑的代码，就能够直接在摹拟器中看到效果文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

编辑器：小程序所有的开发代码均可以在这里修改。文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

调试器：继承了许多调试小程序需要的功能文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

工具栏：用于编译，预览小程序的源代码文章源自微观生活（93wg.com）微观生活-https://93wg.com/16202.html

项目搭建

1、选择在本地创立的项目目录

2、填写AppID

查找AppID，登录小程序官网官网：mp.weixin.qq.com->设置->开发设置->AppID

项目目录介绍

|–pages

|--每一个页面(index) //在pages文件夹中，每一一个页面都是有个文件夹 index.js index.wxml index.wxss index.json |--utilsapp.jsapp.jsonapp.wxssproject.config.json //工程配置文件 描写整个项目的参数

1、pages:放所有页面的文件夹，此目录下的每一一个文件夹代表一个页面，那我们的项目两个页面就两个文件夹

2、每一个页面包括四个文件

.wxml文件是界面文件， ---->html.js是事件交互文件，用于处理界面的点击事件等功能； --->js.wxss为界面美化文件，让界面显示的更为美观； --->css.json为配置文件，用于修改导航栏显示样式等，小程序每一个页面必需有.wxml以及.js文件，其他两种类型的文件可以不需要。

3、util：该文件件主要用于寄存全局的一些.js文件，公共用到的一些事件处理代码文件可以放到该文件夹下，

用于全局调用。

4、app.js : 系统的办法处理文件，主要处理程序的声明周期的一些办法；例如：程序刚开始运行时事件处理等

5、app.json : 系统全局配置文件，设置导航头的色彩，字体大小，下面有无tabbar等功能，具体页面的配置在页面的json文件中单独修改；

6、app.wxss : 全局的界面美化代码

7、project.config.json 通常

以上就是微观生活（93wg.com）关于“微信小程序怎么入门？小胖带你走进小程序的世界-之开发工具介绍”的详细内容，希望对大家有所帮助！