第一步:你需要注册一个小程序账号。需要用一个没注册过公众号的邮箱注册。注册过程中需要很多认证,比较繁琐。如果暂时只是试水、没有发布的打算,那么只要完成基本信息填写就可以,不需要完成微信认证。第二步:就可以在公众平台使用注册的帐户进行登录。第三步:在主页面左边列表中点击设置,再设置页面中选开发设置,就可以看到AppID。而AppID 可以用于在开发工具中进行登记,使用开发工具的高级功能。你可以到官网下载开发工具。开始项目:打开开发者工具,选择小程序选项,然后直接点击添加项目按钮。我们可以在这个步骤,填入刚才注册的时候使用的 AppID。
如果项目目录中的文件是个空文件夹,会提示是否创建 quick start 项目。选择是,开发者工具会帮助我们在开发目录里生成一个简单的 Demo。这个 Demo 拥有一个完整的小程序的大概框架。框架首先看一下官方提供的 Demo 含有的目录:app.js:小程序逻辑、生命周期、全局变量。app.json:小程序公共设置、导航栏颜色等,不可以注释。app.wxss:小程序公共样式,类似 CSS。小程序页面构成类似这样:每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。微信小程序中的每一个页面的路径和页面文件名,都需要写在app.json的pages中,且pages数组中的第一个页面是小程序的首页。这四个文件按照功能可以分成三个部分:配置:json文,逻辑层:js文件,视图层:wxss.wxml文件。