微信小程序开发环境准备

微信小程序开发环境准备

1. 登录微信公众平台，没有账号的注册一个
   

2. 点击小程序
   

3. 填写账号信息

（需要注意邮箱文本框下的注意事项：作为登录帐号，请填写未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱）

4. 邮箱激活
   账号信息填写完成后，你所填的邮箱会收到一封邮件：点击网址以激活账号

5. 信息登记
   登记个人信息，至此我们的账号已经注册完毕了

6. AppID
   需要我们注意的是我们的小程序ID，最好将其保存下来
   

7. 下载微信开发者工具
   

8. 安装完成后打开微信开发者工具
   

9. 使用微信扫一扫登录，登录成功后的界面如下
   

10. 新建小程序
    
    填写项目的名称，选择我们的项目存储路径
    如果是学习使用可使用测试号，点击蓝色字体”测试号“，如果是需要上线的填写我们刚才保存的AppID
    
    开发模式有两种选项 ”小程序“和”插件“，此处我们选择”小程序“
    
    点击新建，进入到如下页面
    

11. 需要关注几个地方
    
    可以看到右下角的调试器，检出过前端开发的应该会感到很熟悉，类似于我们浏览器的开发者工具。
    
    这块叫模拟器，呈现我们小程序的效果，可以使用鼠标模拟我们在手机上的操作
    
    这块是编辑器，也就是我们编辑代码的地方
    
    这边可以设置我们模拟器、编辑器和调试器的显示，绿色代表显示，点击一下让他们变成灰色，所选的部分就会消失。